Column 表格列

Column 组件需要在 Table 组件内使用。

示例

见 Table 示例。

API

属性

名称类型默认值描述

title string - 列标题。

field string - 列的键名，对应所属的 Table 组件 data 属性数据项的某个字段。

width string=|number= - 列宽，值为像素值。

sortable

boolean=

false

本列是否支持排序。

组件本身不会处理排序逻辑，仅会在排序按钮被点击时在 Table 上抛出 sort 事件，使用者需要自行处理排序逻辑。

align string= - 内容对齐方式，支持 left / center / right。

span

function(number): Object=

单元格合并配置。类型为 function(index: number): { row: number, col: number }。index 为当前行在所属 Table 组件的 data 属性中的索引。返回值的 row / col 字段对应于单元格的 rowspan / colspan，默认值均为 1。

可以参考 Table 组件中的示例 › 选择模式与排序来了解如何使用。

desc string - 表头描述。

filter-value

*

.sync

筛选条件取值，值为 null 表示未经过筛选。当 filter-multiple 为 true 时，值为已选项值的数组。

filter-multiple boolean= false 内置筛选是否为多选。

filter-options Array<Object> - 筛选选项列表，项目的类型为 {label, value, options, disabled, ...}，可参考 Select 组件的 options 属性。

filter-title string= - 筛选下拉的标题。

allowed-orders

Array

[false, 'desc', 'asc']

指定该列的排序范围。用户点击时将按设定的顺序进行切换。

值	描述
`false`	不排序。
`'asc'`	升序。
`'desc'`	降序。

tooltip boolean | ((item: Object) => string) - 是否当内容溢出时自动显示悬浮提示。默认显示所属 Table 组件 data 属性数据项中 field 属性对应的字段值。传入函数时，item 参数为整个 data 数据项，返回的字符串将作为提示内容展示。