Table 换行示例

当表头或者行内单元格内容超长时,通过样式更改实现省略、换行等效果

注意:由于 Table 组件已实现适配移动端功能,此演示需在电脑端查看

表头超长示例

在某种特殊情况下可能表头比较长,需要将表头控制在一个固定宽度内,鼠标移动到表头上时显示 Tooltip 来显示完整表头信息

Demo

可以拖动窗口大小,窗口过小时自动出现横向滚动条

Loading...

单元格数据超长折行示例

在某种特殊情况下可能单元格内容比较长,需要进行折行处理

Demo
  • 可以拖动窗口大小,窗口过小时 地址 列自动进行折行处理
  • 通过设置 AllowTextWrap 来开启自动换行功能
  • 注意:推荐使用 Width 对列宽度进行设置
Loading...

单元格数据超长省略示例

在某种特殊情况下可能单元格内容比较长,需要进行省略处理

Demo
  • 可以拖动窗口大小,窗口过小时 地址 列自动进行省略处理
  • 通过设置 TextEllipsis 来开启文本超长省略功能
  • 注意:推荐使用 Width 对列宽度进行设置,如未设置列宽内部自动使用 200px 宽度
  • 单元格内文本被省略后,可以通过 ShowTips 属性来控制鼠标悬停是否显示全部文本,默认为 false
  • 拖动地址列,单元格显示内容自动增加与减少
Loading...
An error has occurred. This application may no longer respond until reloaded. Reload