首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何更改空表样式:元素UI?

如何更改空表样式:元素UI?
EN

Stack Overflow用户
提问于 2020-05-06 04:41:13
回答 1查看 954关注 0票数 1

现在,如果表是空的,那么"Text =暂无数据“就会出现。我想改变它。我想给一个图像和两个按钮。

这怎麽可能?

代码语言:javascript
复制
<el-table
  :data="tableData">
  <el-table-column
      label="Name"
  >
  </el-table-column>
</el-table>

Vue.js:

代码语言:javascript
复制
data() {
    return {
      isActive: true,
      tableData: [],
    }
  }
EN

回答 1

Stack Overflow用户

发布于 2020-05-06 06:28:21

简单的方法是display: none;到那个区块。

代码语言:javascript
复制
.el-table__empty-block {
    display: none!important;
}

然后你就可以用slot append()你想要的东西了

代码语言:javascript
复制
<el-table>
<div slot="append" v-if="tableData.length=='0'">
  // You can add what you want
</div>
</el-table>
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/61622680

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档