el-table表格中当某单元格字段为空时统一设置其显示内容

代意如

已于 2022-10-21 15:45:50 修改

阅读量2.6k

点赞数 6

文章标签：前端 css elementui

于 2022-09-29 09:53:13 首次发布

本文链接：https://blog.csdn.net/weixin_52137696/article/details/127101486

版权

在el-table表格中当某单元格字段为空时默认不显示，如果我们想要当表格某字段为空时显示“无”或者其他占位符，每个字段单个设置会比较麻烦，那么怎么可以做到统一设置呢？我们可以设置其css，如下：

 /deep/ .el-table .el-table__body td .cell:empty::after,
  .el-table .el-table__body td .cell > span:empty::after,
  .el-table .el-table__body td .cell .approval:empty::after,
  .el-table .el-table__body td .cell div:empty::after,
  .el-table .el-table__body td .cell .line-limit-length:empty::after {
    content: "无";
  }