| 1 | ### API
|
| 2 |
|
| 3 | ## Table
|
| 4 |
|
| 5 | | 参数 | 说明 | 类型 | 默认值 | 是否必传 | 备注 |
|
| 6 | | --- | --- | :---: | :---: | :---: | --- |
|
| 7 | | className | 扩展className | `string` | `phoenix-table` | 否 | |
|
| 8 | | bordered | 是否显示外边框 | `boolean` | false | 否 | |
|
| 9 | | rowsInView | 单次render的最大行数 | `number` | 0 | 否 | 单次render的最大行数。Table 采用了lazy render的方式来优化在大量数据下的性能，如果你的表格显示的高度超出了20条，可以调整rowsInView的值。为0表示禁用懒加载。 |
|
| 10 | | rowKey | 生成每一项key的辅助方法 | `function(obj):string | true` | 0 | 否 | 为 true 时，以数据项本身作为key，相当于 (d => d)；为函数时，使用此函数返回值；为string时，使用这个string对应的数据值。如 'id'，相当于 (d => d.id)。 |
|
| 11 | | hover | 是否数据行鼠标悬浮高亮效果 | `boolean` | true | 否 | |
|
| 12 | | striped | 是否显示交错斑马底纹 | `string | ReactNode` | false | 否 | |
|
| 13 | | loading | 数据加载中，为true时会展示一个默认的小菊花组件，可以传入一个自定义的Spin代替 | `bool | ReactNode` | false | 否 | |
|
| 14 | | empty | 空数据 | `bool` | false | 否 | |
|
| 15 | | columns | 数组，见Column | `Column[]` | - | 是 | |
|
| 16 | | columnResizable | 列宽是否可拖拽宽度，默认为true，如果想禁用某列拖拽宽度，可以给单独列设置columnResizable | `boolean` | true | 否 | |
|
| 17 | | columnDefaultWidth | 默认列宽的宽度，仅在未设置列宽的场景下生效。默认为140，如果认为140过大，可以自定义设置，但是为了体验，建议不小于56. | `boolean` | 140 | 否 | 强烈建议此值设置不小于56 |
|
| 18 | | sorter | 表格统一排序函数，参数分别为 Column.sorter 和 排序方式 | `func` | 无 | 否 | 强烈建议此值设置不小于56 |
|
| 19 | | fit | 是否启用列宽自适应 | `boolean` | true | 否 | 当为true，会自适应宽度; 为false,会可以单独设置宽度，并且不随浏览器窗口大小改变调整 |
|
| 20 | | ellipsis | 内容超过单元格宽度是否显示...,默认为false，也就是会换行 | `boolean` | false | 否 | 强烈建议不要设置为true，会导致性能问题(数据量过大) |
|
| 21 | | fixed | 滚动条显示设置，可填值 ['both', 'x', 'y'] | `string` | 'both' | 否 | 如果确定不会出现x轴滚动条，可以设置为 y,其他情况类似，无特殊需求，不建议调整 |
|
| 22 | | dataSource | 数据源 | `object[]` | 无 | 是 | |
|
| 23 | | pagination | 分页配置，参考下面pagination | `object` | pagination: { current: 1, pageSize: 15, }, | 是 | |
|
| 24 | | settingPanel | 表格设置，参考下面settingPanel | `object` | pagination: { current: 1, pageSize: 15, }, | 是 | |
|
| 25 |
|
| 26 |
|
| 27 |
|