FormatTable 格式化表格组件

基础用法

Slot优先级更高

可拖拽列与超长省略

原生可拖拽实现

API

组件简介

• 基于a-table组件封装，支持a-table的所有属性配置
• 拓展了columns子项的format配置，提供了常用的列格式化配置

代码演示

基础用法

format-table的基础用法

• formatAvatar：格式化头像，可使用|分隔传递一个参数，代表头像的链接指向
• formatObj：格式化对象，可使用|分隔传递一个参数，代表行内容指向
• formatStatus：格式化状态，需要配置options指定value/label/status内容，状态的显示使用组件 a-badge
• formatDate：格式化时间，可使用|分隔传递一个参数，代表时间格式
• formatActions：按钮样式的活动按钮，需要配置actions传递按钮参数，按钮组使用TooltipButtonGroup组件
• formatTextActions：文本样式的活动按钮，需要配置actions传递按钮参数，通过text传递显示文本，permission控制权限

Slot优先级更高

当format与a-table的scopedSlots配置冲突时会优先采用scopedSlots的配置，此时format失效

列拖动示例

列设置draggable为true可以使列可拖动

当空间不够文字不足以被显示时会省略成...并出现tooltip

空间充足时不会出现tooltip，可以尝试拖动用户账号列使得空间充足，tooltip消失

原生可拖拽示例

Api