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>
推荐阅读
-
vuejs+element UI点击编辑表格某一行时获取内容填入表单的示例
-
element-ui的el-tabel组件使用type=“expand”实现表格嵌套时子表格没有数据的时候隐藏展开按钮
-
fastadmin 表格 自定义按钮 事件 自定义样式 自定义事件 一张图解析FastAdmin中的表格列表的功能
-
C# 将Excel转为PDF时自定义表格纸张大小的代码思路
-
vue封装element组件库中的封装通用table,是否启用多选、按钮及是否分页,样式可自定义设置
-
element表格合计行,根据合计行的某一列数字来变样式
-
vue element表格 实现添加按钮,表格后新增一行的样式
-
Vue+Element实时局部刷新表格某一行的样式和属性值(带源码)
-
vue 更改 element-ui 中 el-table 默认的暂无数据样式
-
element表格样式自定义