【UI】 vue2 修改elementui 表格table 为空时暂无数据样式

fruge365

已于 2023-03-18 21:30:40 修改

阅读量791

点赞数

分类专栏： elementui 文章标签： javascript 前端开发语言

于 2022-10-12 17:08:56 首次发布

本文链接：https://blog.csdn.net/qq_46123200/article/details/127286428

版权

elementui 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

修改后样式

在这里插入图片描述

代码

   <el-table :data="tableData" stripe style="width: 100%" class="table">
      <!-- 空状态 -->
      <template slot="empty">
        <el-empty description="暂时没有数据" :image-size="200"></el-empty>
      </template>
      <!-- 表格数据 -->
      <el-table-column prop="name" label="测试" width="120" align="center">
      </el-table-column>
      <el-table-column prop="name" label="测试" width="120" align="center">
      </el-table-column>
   </el-table>