欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

element表格自定义无数据时的样式

程序员文章站 2022-03-04 11:28:08
...
<el-table :data="tableData" style="width: 100%">
   <template slot="empty">//空状态
        <p style="margin-top: 50px;">
               <img class="data-pic" src="路径" alt="" />
        </p>
        <p>暂无数据哦</p>
   </template>
   <el-table-column prop="date" label="订单号" width="180">
       </el-table-column>
       <el-table-column prop="name" label="商品总数" width="180">
</el-table>

​

通过empty自定义无数据时的样式

<el-empty image="https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png"></el-empty>