quantex-design

AutoEllipsis 文字自动省略处理组件 - quantex-design

文字省略处理组件

何时使用

表格项文字过长,需要控制表格项宽度,并设置单元格中的文字做省略处理。

代码演示

这是很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长的一段文字
简单用法

限制文字宽度, 超出内容进行省略

我是省略文本,你能拿我咋地,爱咋地就咋地

我是省略文本,但不要指望我显示 Tooltip

我没有被省略,但是我有一样有 Tooltip
提示信息展示
  • 是否通过提示文字展示全部内容
  • 三种类型:auto hidden display

适用场景:

  • auto:默认宽度足够的情况下不显示提示信息(该配置项默认值为: auto);
  • hidden:宽度足够不需要省略时依然展示提示信息;
  • display:文字有省略,但强制不展示提示信息
1,2,3——4
content 配置项

使用场景:表格中显示多一个字段值,当文字过长时需要文字省略处理。

注意:如果由多项翻译组成,请把 Translate 放在一级组件

API

参数说明类型默认值
width宽度大于该值时自动省略number-
showTitle鼠标放在省略文字上是否展示完整文字, 有三种情况 auto hidden displaystring'auto'
isPart该标记为用来标记省略文本只占父级标签部分空间(默认应该与父级标签等宽),为 true 时会重新计算省略文本的宽度。例如:有展开图标的单元格需要使用此标志位booleanfalse