el-table 全局设置如果数据为空的时候默认显示“-”

449 阅读1分钟

通过css找到对应的元素,如果这个元素为空。默认添加一个伪类值为‘-’。代码如下:

 /*
    给所有表格空项加上--
  */
  .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'--';
  }