900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > element-ui 中的el-table表格默认的“暂无数据”修改

element-ui 中的el-table表格默认的“暂无数据”修改

时间:2018-07-07 14:36:02

相关推荐

element-ui 中的el-table表格默认的“暂无数据”修改

el-table中当无空数据时会默认显示一个“暂无数据”(附下图),那如果我们想要修改怎么办呢?怎么修改呢?

解决办法如下:

只需要在el-tbale中的对应的插槽中写入你想展示的数据即可如下图:

<el-table:header-cell-style="customHeaderStyle":cell-style="customCellStyle":size='customSize'stripeborder>// 空数据状态的插槽<template slot="empty"><el-empty :image-size="100" description='暂无数据'></el-empty></template><el-table-column prop='index' label='测试'></el-table-column><el-table-column prop='inx' label='测试'></el-table-column><el-table-column prop='index' label='测试'></el-table-column><el-table-column prop='inx' label='测试'></el-table-column></el-table>

修改后

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。