Element Plus el-table 数据为空时自定义内容【默认为 No Data】

1. 通过 Table 属性设置

html 复制代码
<div class="el-plus-table">
  <el-table empty-text="暂无数据" :data="tableData" style="width: 100%">
    <el-table-column prop="date" label="Date" width="180" />
    <el-table-column prop="name" label="Name" width="180" />
    <el-table-column prop="address" label="Address" />
  </el-table>
</div>

2. 通过 Table 插槽设置

html 复制代码
<div class="el-plus-table">
  <el-table :data="tableData" style="width: 100%">
    <template #empty>暂无数据</template>
    <el-table-column prop="date" label="Date" width="180" />
    <el-table-column prop="name" label="Name" width="180" />
    <el-table-column prop="address" label="Address" />
  </el-table>
</div>

3. 效果图

相关推荐
Moment2 分钟前
NestJS 在 2025 年:对于后端开发者仍然值得吗 😕😕😕
前端·后端·github
热心市民小岳3 分钟前
Konva.js 实现 腾讯文档 多维表格
前端·javascript
砺能4 分钟前
uniapp生成的app添加操作日志
前端·uni-app
小Dno19 分钟前
diff算法理解第一篇
前端
文心快码BaiduComate9 分钟前
文心快码实测Markdown排版工具开发
前端·后端·程序员
杨超越luckly12 分钟前
HTML应用指南:利用GET请求获取全国沃尔沃门店位置信息
前端·arcgis·html·数据可视化·门店数据
yuqifang26 分钟前
DevEco Studio工具在打hap包时,Product选项(default,release)和 Build Mode(default,release)区别
前端
朝与暮27 分钟前
《深入浅出编译原理 -- 编译原理总述(一)》
前端·编译原理·编译器
灰太狼大王灬29 分钟前
Chrome 浏览器扩展图片 提取大师
前端·chrome
Strawberry_rabbit31 分钟前
程序员工作必需之公网和私网
前端·网络协议