Table 换行示例
当表头或者行内单元格内容超长时,通过样式更改实现省略、换行等效果
注意:由于 Table
组件已实现适配移动端功能,此演示需在电脑端查看
表头超长示例
在某种特殊情况下可能表头比较长,需要将表头控制在一个固定宽度内,鼠标移动到表头上时显示 Tooltip
来显示完整表头信息
Demo
可以拖动窗口大小,窗口过小时自动出现横向滚动条
Loading...
单元格数据超长折行示例
在某种特殊情况下可能单元格内容比较长,需要进行折行处理
Demo
- 可以拖动窗口大小,窗口过小时 地址 列自动进行折行处理
- 通过设置
AllowTextWrap
来开启自动换行功能 - 注意:推荐使用
Width
对列宽度进行设置
Loading...
单元格数据超长省略示例
在某种特殊情况下可能单元格内容比较长,需要进行省略处理
Demo
- 可以拖动窗口大小,窗口过小时 地址 列自动进行省略处理
- 通过设置
TextEllipsis
来开启文本超长省略功能 - 注意:推荐使用
Width
对列宽度进行设置,如未设置列宽内部自动使用 200px 宽度 - 单元格内文本被省略后,可以通过
ShowTips
属性来控制鼠标悬停是否显示全部文本,默认为false
- 拖动地址列,单元格显示内容自动增加与减少
Loading...