Column 表格列

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

示例

Table 示例

API

属性

名称类型默认值描述
titlestring-列标题。
fieldstring-列的键名,对应所属的 Table 组件 data 属性数据项的某个字段。
widthstring=|number=-列宽,值为像素值。
sortablebooleanfalse

本列是否支持排序。

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

alignstring=-内容对齐方式,支持 left/center/right
spanfunction(number): Object

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

可以参考 Table 组件中的示例 › 高级来了解如何使用。

插槽

名称描述
head列头区域。
foot

列脚区域。

如果所属的 Table 组件定义了 foot 插槽,单独的列脚配置将被覆盖。

default

单元格的内容。

默认内容:表格 data 数据项中与 field 属性对应的字段值。

作用域参数为 data 内当前行数据中的所有字段。

sub-row

展开行后子行的内容。使用此插槽时,内容会作为行展开下方子行中对应列的单元格内容。行数据源来自 data 中对应主行数据的 children 数组,展开的子行数与 children 内数据项数相同,使用相同的列配置。

默认内容:表格 data[i].children[j] 数据项中与 field 属性对应的字段值。

作用域参数当前子行数据中的所有字段,以及当前主行对应索引值 index

如果所属的 Table 组件定义了作用域插槽 sub-row,单独列的 sub-row 将被覆盖。