Column 表格列

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

示例

名称	类型	默认值	描述
`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` 组件中的示例 › 高级来了解如何使用。

名称	描述
`head`	列头区域。
`foot`	列脚区域。如果所属的 `Table` 组件定义了 `foot` 插槽，单独的列脚配置将被覆盖。
`default`	单元格的内容。默认内容：表格 `data` 数据项中与 `field` 属性对应的字段值。作用域参数为 `data` 内当前行数据中的所有字段。
`sub-row`	展开行后子行的内容。使用此插槽时，内容会作为行展开下方子行中对应列的单元格内容。行数据源来自 `data` 中对应主行数据的 `children` 数组，展开的子行数与 `children` 内数据项数相同，使用相同的列配置。默认内容：表格 `data[i].children[j]` 数据项中与 `field` 属性对应的字段值。作用域参数当前子行数据中的所有字段，以及当前主行对应索引值 `index`。如果所属的 `Table` 组件定义了作用域插槽 `sub-row`，单独列的 `sub-row` 将被覆盖。