Skip to content

Table 表格

轻量数据表:列配置驱动,单元格可用作用域插槽自定义,空数据自动显示空状态。

基础用法

项目负责人进度
预约小程序李工80%
企业官网王工45%
数据看板张工12%

自定义单元格

每列都有名为 cell-<key> 的作用域插槽,拿到 { row, value }

任务负责人状态
聊天室消息引用李工已完成
工程量导出王工进行中
合同模板张工待开始

空数据

rows 为空时显示内置空状态,可用 empty 插槽替换:

任务状态
还没有任务
创建第一条任务开始协作

API

Props

名称类型默认值说明
columns{ key: string; title: string; width?: string; align?: 'left' | 'center' | 'right' }[]列配置(必填)
rowsRecord<string, unknown>[]行数据(必填)
rowKeystring'id'行 key 字段名

Slots

名称参数说明
cell-<key>{ row, value }对应列的单元格内容
empty空数据占位(默认内置 EmptyState)