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

最新推荐文章于 2025-07-09 15:11:22 发布

原创最新推荐文章于 2025-07-09 15:11:22 发布 · 350 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #elementui #javascript

 <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: "--";
        }
      }
    }