Table
对ElTable的二次封装, 不需要反复写ElTableColumn, 通过columns属性即可完成表格的配置
ts
import {TdTable, type TdTableColumnProps} from 'tiddy';TdTable 除了支持 ElTable 的所有属性外, 还支持以下属性:
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| columns | TdTableColumnProps[] | - | 表格列配置 |
columns是配置 TdTableCol 属性,除了支持 ElTableColumn 的属性外, 还支持以下属性:
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| slots | string | array | object | - | 插槽配置, 支持字符串配合模板,或者直接使用对象配合h函数 |
| transform | Array<(value: any) => any)> | - | 依次调用,前一个函数的结果作为后一个函数的输入,页面显示最一个函数的返回值,支持渲染vnode |
| hide | boolean | Ref<boolean> | - | 是否隐藏当前列 |
| dangerouslyUseHTMLString | boolean | Ref<boolean> | - | 是否把transform的结果当作html渲染 |
| columns | TdTableColumnProps[] | - | 同TdTable, 用于嵌套表头时配置 |
基础用法
loading
事件
loading
表头嵌套
loading
可选择行
loading
列插槽
loading
数值转换
loading