表格 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 | - |