更新记录

1.0.5（2026-05-08） 下载此版本

  1. 增加多级表头的功能

1.0.4（2026-04-02） 下载此版本

  1. 修复在安卓app中显示异常的兼容性问题

1.0.3（2025-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 空数据状态

隐私、权限声明

1. 本插件需要申请的系统权限列表：

无

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明：

无

3. 本插件是否包含广告，如包含需详细说明广告表达方式、展示频率：

无

许可协议

MIT协议
评论列表 撰写评论 向官方投诉

暂无用户评论。