el-table在无数据时，默认显示--

ZhaoPZe

于 2024-12-18 15:53:16 发布

阅读量287

点赞数 2

CC 4.0 BY-SA版权

文章标签： vue.js elementui javascript

本文链接：https://blog.csdn.net/ZhaoPZe/article/details/144562814

 <el-table :data="tableData" style="width: 100%">
    <el-table-column type="index" :index="indexMethod" />
    <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>



css:

 ::v-deep .el-table {
      .cell:empty::before {
        content: "--";
      }
      .is-leaf {
        .cell:empty::before {
          content: "--";
        }
      }
    }