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. 效果图

相关推荐
落魄小二9 分钟前
el-table 表格索引不展示问题
javascript·vue.js·elementui
Justinc.16 分钟前
CSS3新增边框属性(五)
前端·css·css3
neter.asia32 分钟前
vue中如何关闭eslint检测?
前端·javascript·vue.js
~甲壳虫33 分钟前
说说webpack中常见的Plugin?解决了什么问题?
前端·webpack·node.js
嚣张农民39 分钟前
JavaScript中Promise分别有哪些函数?
前端·javascript·面试
光影少年1 小时前
vue2与vue3的全局通信插件,如何实现自定义的插件
前端·javascript·vue.js
As977_1 小时前
前端学习Day12 CSS盒子的定位(相对定位篇“附练习”)
前端·css·学习
susu10830189111 小时前
vue3 css的样式如果background没有,如何覆盖有background的样式
前端·css
Ocean☾1 小时前
前端基础-html-注册界面
前端·算法·html
Dragon Wu1 小时前
前端 Canvas 绘画 总结
前端