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

相关推荐
我是Superman丶12 分钟前
【组件】前端ElementUi 下拉Tree树形组件 带模糊搜索自动展开高亮功能
javascript·vue.js·elementui
天农学子17 分钟前
elementui el-input修改字体样式
前端·javascript·css·elementui
布兰妮甜1 小时前
Zustand:一个轻量级的React状态管理库
前端·react.js·zustand
Beekeeper&&P...1 小时前
@RequestBody和前端的关系以及,如何在前后端之间传递数据?
java·前端
h周杰偷2 小时前
vue 预览pdf 【@sunsetglow/vue-pdf-viewer】开箱即用,无需开发
前端·vue.js·pdf
小孙姐3 小时前
3——VUE侦听器和计算属性
前端·javascript·vue.js
Dragon Wu3 小时前
Taro React小程序开发框架 总结
前端·react.js·前端框架·taro
nbsaas-boot3 小时前
消息队列场景下的前端设计:如何优化用户体验
前端·ux
sususugaa3 小时前
前端框架Vue3——响应式数据,v-on,v-show和v-if,v-for,v-bind
开发语言·前端·vue.js·前端框架
珹洺5 小时前
从 HTML 到 CSS:开启网页样式之旅(三)—— CSS 三大特性与 CSS 常用属性
前端·javascript·css·网络·html·tensorflow·html5