Table 表格 - 空数据提示

当表格没有数据时，展示空状态占位提示，支持自定义文字、图片和插槽。

默认空状态

当 data 为空数组时，表格自动展示空数据提示，默认文字为 "暂无数据"。

暂无数据

默认空提示

自定义空提示文字

通过 empty-text 属性自定义空数据时的提示文字。

没有找到匹配的数据

自定义文字

自定义图片和描述

通过 empty-config 对象可设置自定义图片和描述文字。

这里空空如也~

图片 + 描述

自定义空状态插槽

通过 #empty 插槽可以完全自定义空状态的展示内容，包括图标、文字和操作按钮等。

暂无数据，请稍后再试

自定义插槽

动态切换

配合按钮动态切换数据状态，体验空数据提示与有数据之间的切换效果。

数据已清空，点击按钮重新加载

动态数据切换

API

Table 属性

属性	说明	类型	默认值
empty-text	空数据时显示的文字	`string`	`'暂无数据'`
empty-config	空状态配置对象	`TableEmptyConfig`	—

TableEmptyConfig

属性	说明	类型	默认值
image	空状态图片 URL	`string`	—
description	空状态描述文字（优先级高于 `empty-text`）	`string`	—
render	自定义渲染函数	`() => VNode`	—

插槽

插槽名	说明
empty	自定义空数据内容，优先级最高

优先级

空状态展示内容的优先级从高到低：

#empty 插槽 — 完全自定义内容
emptyConfig.render — 渲染函数
emptyConfig.image + emptyConfig.description — 图片和描述
empty-text — 简单文字提示
默认值 — "暂无数据"

Table 表格 - 空数据提示 ​

默认空状态 ​

自定义空提示文字 ​

自定义图片和描述 ​

自定义空状态插槽 ​

动态切换 ​

API ​

Table 属性 ​

TableEmptyConfig ​

插槽 ​

优先级 ​