table设置空数据提示

table设置空数据提示

1，el-table

<el-table:data="tableData"borderempty-text="没有数据啊">

2，普通table

<table class="table"><thead><tr><th>序号</th><th>姓名</th><th>学号</th><th>是否住校</th><th>操作</th></tr></thead><tbody><tr style="text-align: center;" v-if="lists.length==0"><td colspan="5" class="text-center text-muted">暂无数据</td></tr><tr v-for="(v,i) in lists" :key="i"><td>{{i+1}}</td><td>{{v.name}}</td><td>{{v.number}}</td><td>{{v.check | stateFilter}}</td><td><button class="btn btn-primary btn-sm" @click="del(i)">删除</button></td></tr></tbody></table>

3，

vxe-table 空数据提示设置的几种方式 .html