|
7 | 7 | | height | table 高度 | number | — | — | |
8 | 8 | | min-height | table最小高度(当表格自适应时生效`resize()`) | - | — | — | |
9 | 9 | | title-row-height | 表头行高 | number | — | 38px | |
| 10 | +| row-height | 表格体行高 | string | — | 40px | |
| 11 | +| footer-row-height | footer 每一行的高度 | number | — | 40 | |
10 | 12 | | is-horizontal-resize | 是否开启横向自适应(开启后会随着窗口改变而改变、根据表格宽度自动填充),注意需要设置`style="width:100%"` | boolean | — | false | |
11 | 13 | | is-vertical-resize | 是否开启纵向自适应(开启后会随着窗口改变而改变、根据表格高度自动填充)| boolean | — | false | |
12 | 14 | | vertical-resize-offset | 垂直自适应的偏移量,一般是表格下方有分页时会用到,使其成为自适应的一部分 | number | — | - | |
13 | 15 | | title-bg-color | 表头背景颜色 | string | — | #fff | |
14 | 16 | | odd-bg-color | 表格体奇数行颜色 | string | — | #fff | |
15 | 17 | | even-bg-color |表格体偶数行颜色 | string | — | #fff | |
16 | | -| row-height | 表格体行高 | string | — | 40px | |
17 | 18 | | multiple-sort | 是否开启多列排序| boolean | — | true | |
18 | 19 | | table-data | 表格数据集合 | - | — | array | |
19 | 20 | | columns | 列的集合。具体参考columns | array | — | — | |
|
29 | 30 | | show-horizontal-border | 是否显示横向border | boolean | — | true | |
30 | 31 |
|
31 | 32 |
|
| 33 | + |
| 34 | + |
| 35 | + |
32 | 36 | ### columns(Table props) |
33 | 37 | | 参数 | 说明 | 类型 | 可选值 | 默认值 | |
34 | 38 | |---------- |-------------- |---------- |-------------------------------- |-------- | |
|
57 | 61 | | rowspan | 合并行的数目 | number | — | — | |
58 | 62 | | colspan | 合并列的数目 | number | — | — | |
59 | 63 | | orderBy | 排序规则,`columns` 中不用配置 | string | asc/desc | — | |
60 | | -| titleCellClassName | 表头单元格设置className | string | — | — | |
| 64 | + |
| 65 | +### footer(Table props) |
| 66 | +表格footer |
| 67 | +| 参数 | 说明 | 类型 | 可选值 | 默认值 | |
| 68 | +|---------- |-------------- |---------- |-------------------------------- |-------- | |
| 69 | +| - | 数组集合,每一个子数组为一行代表当前的汇总信息 | array | — | — | |
| 70 | + |
| 71 | + |
| 72 | +### table-data(Table props) |
| 73 | +table 表格数据,通过设置一些特殊属性实现某些功能,如 checkbox 多选功能 |
| 74 | +| 参数 | 说明 | 类型 | 可选值 | 默认值 | |
| 75 | +|---------- |-------------- |---------- |-------------------------------- |-------- | |
| 76 | +| _checked | 是否选中(当开启多选时有效) | boolean | — | false | |
| 77 | +| _disabled | 是否禁用选中\未选中(当开启多选时有效) | boolean | — | false | |
61 | 78 |
|
62 | 79 |
|
63 | 80 | ### Table Event |
|
73 | 90 | | select-all| 全选时触发 | selection 当前选中的项集合 | |
74 | 91 | | select-change| 某一项 checkbox 触发 | selection(当前选中的项集合),rowData(当前选中的项)| |
75 | 92 | | select-group-change| 选中项发生变化触发 | selection(当前选中的项集合) | |
| 93 | +| column-cell-class-name| 表体单元格设置className | rowIndex,columnName,rowData | |
| 94 | + |
76 | 95 |
|
77 | 96 |
|
78 | 97 |
|
|
0 commit comments