Table
基于 Antd Table 组件做了一些定制化的功能
- columns 设置 fixed 无需按顺序
- 支持空数据展示
-字符 - 可隐藏当前列
- 展示数据的时候默认不换行
属性完全继承 Antd Table 组件，新增的属性可看下方的属性
使用
使用例子是新增的相关功能点。
基本使用
使用 format 格式
使用 formatter 格式
修改空值占位符
设置列内容自动换行
需要设置 columns[x].wrap = true
列固定无需按顺序
默认的 Antd Table 组件 fixed 需要按顺序设置否则会警告，这里做了处理，fixed=left 的列会排在前面，fixed=right 会排在后面。
Props
属性完全继承 Antd Table 的属性。
| 参数 | 类型 | 默认值 |
|---|---|---|
| scrollY? | number | - |
固定表头滚动高度，不设置则不固定表头 | ||
| showPagination? | boolean | false |
是否显示分页（前端本地分页） | ||
| emptyFieldValue? | string | '-' |
行字段数据为undefined 或者 null 的时候展示的占位符 | ||
| rowKey? | string | - |
默认值和 antd 官方的一致为 key，如果第一条数据有 id 字段，则取 id。 | ||
| columns | TableColumn[] | - |
完全继承 ant Table columns 字段，新增字段详细看下方 | ||
columns 新增的属性如下：
| 参数 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| hide? | boolean | false | 是否隐藏当前列 |
| notDealEmptyValue? | string | '-' | 不处理字段为 null 或 undefined 的情况，即不跳过展示占位符的环节 |
| format? | string | 格式为 percent 或者 percent(2)，数值类的都默认保留两位数，目前支持的值如下 percent: 小数转百分比； fixed：小数点保留位数； thousandSemicolon：千分位处理； rmb：分转人民币； shortNumberZHCN：大数字转换为为 万，亿，万亿 shortNumber：大数字转换为为 w，kw date: 秒级时间戳转日期格式（YYYY-MM-DD HH:mm:ss），默认为 YYYY-MM-DD 格式 | |
| formatter? | (value: any) => any | 格式函数，format 处理后于 formatter | |
| wrap? | Boolean? | 展示数据是否换行，只有在 scroll.y 不为 true 的时候有效，默认为不换行（scroll.y=true，自动换行）。 |