表格 Table
展示行列数据。
如何使用
- 当有大量结构化的数据需要展现时;
- 当需要对数据进行排序、搜索、分页、自定义操作等复杂行为时。
代码演示
| id | 姓名 | 性别 | 手机号 | 地址 |
|---|---|---|---|---|
API
属性
Table 的属性说明如下:
| 属性 | 说明 | 类型 | 默认值 | 版本 |
|---|---|---|---|---|
| bordered | 是否展示外边框和列边框 | boolean | false | |
| className | 表格类名 | string | - | |
| cloumns | 表格列的配置描述 | Array | [] | |
| data | 数据数组 | Array | [] | |
| size | 表格大小 | large middle small | middle | |
| stripe | 表格行斑马线效果 | boolean | false |
Column 的属性说明如下:
| 属性 | 说明 | 类型 | 默认值 | 版本 |
|---|---|---|---|---|
| key | 列数据在数据项中对应的路径,支持通过数组查询嵌套路径 | string | - | |
| title | 列头显示文字 | string | - |
