ElementUI中的Empty空状态使用

ElementUI中的Empty空状态使用,第1张

在项目开发中,我们使用elementUi组件库中的table组件,当没有数据的时候显示的是这个样子

因为不太美观有时候甲方不太满意,那我们如何修改这个默认样式呢?直接上代码



  

在el-table-colunm平级的添加以上代码,当然div里面的内容可以按照要求随意更改

需要注意的是div里面的solt属性一定要这样写,不要问我为什么,这是elementUi框架制定者弄好的,我们直接用就行。

下面看下我们用了这个样式之后的样子吧!

是不是好看多啦!

有用记得点赞多多支持哦! 

欢迎分享,转载请注明来源:内存溢出

原文地址: https://www.outofmemory.cn/web/1320958.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-06-11
下一篇 2022-06-11

发表评论

登录后才能评论

评论列表(0条)

保存