更新记录
1.0.7(2026-05-13)
下载此版本
- 修改组件高度没有撑起来的问题
1.0.6(2026-05-13)
下载此版本
- 修复单元格中文字不换行的问题
1.0.5(2026-05-08)
下载此版本
- 增加多级表头的功能
查看更多
平台兼容性
dse-table
table 表格
组件名: dse-table
点击下载&安装
介绍
dse-table 用于展示多条结构类似的数据,可对数据进行排序、筛选、对比或其他自定义操作。
基础用法
基础的表格用法。
- 通过设置
columns,设置表格的列。
- 通过设置
data,设置表格的数据。
API
table Props
| 参数 |
说明 |
类型 |
默认值 |
可选值 |
| columns |
表格列配置 |
Array |
- |
- |
| data |
表格数据 |
Array |
- |
- |
| height |
表格高度 |
String / Number |
- |
- |
| maxHeight |
表格最大高度 |
String / Number |
- |
- |
| border |
是否显示边框 |
Boolean |
- |
- |
| rowKey |
行数据唯一标识 |
String |
- |
- |
| spanMethod |
合并单元格方法 |
spanMethod |
- |
- |
columns Props
| 参数 |
说明 |
类型 |
默认值 |
可选值 |
| prop |
列属性 |
String |
- |
- |
| label |
列标题 |
String |
- |
- |
| width |
列宽度 |
String / Number |
- |
- |
| align |
列对齐方式 |
String |
left |
left / center / right |
| headerAlign |
列表头对齐方式 |
String |
left |
left / center / right |
| formatter |
数据格式化 |
Function(row, column) |
- |
- |
| className |
单元格自定义类名 |
String |
- |
- |
| headerClassName |
列表头自定义类名 |
String |
- |
- |
| headerStyle |
列表头自定义样式 |
Object |
- |
- |
| cellStyle |
单元格自定义样式 |
Object |
- |
- |
table Events
| 事件名 |
说明 |
回调参数 |
| row-click |
行点击事件 |
(row, index) |
table slot
| 名称 |
说明 |
| header-{prop} |
自定义表头, prop 是 columns 中 列属性 prop |
| {prop} |
自定义单元格内容, prop 是 columns 中 列属性 prop |
| empty |
空数据状态 |