iview 或 element-ui table 列表表头加样式


table 表头有时候需要加一些小样式比如 必填项

这是我项目中遇到的需求===  比例,产品, 部门为必填项,这个时候就需要在表头加个红色小星星。

首先在table中绑定:header-cell-class-name="must"事件

然后methods中写must事件如下

must(obj) {
if (obj.columnIndex === 1 || obj.columnIndex === 2 || obj.columnIndex === 3) {
return 'must'
}

}

columnindex 为表头下标,需要给第几项加 写上下标就行

然后就需要写样式了通过伪元素加上样式

/deep/table th.must div:before {
content:'*';
color:#ff1818;
margin-right: 3px;
}

 个人vuepress搭建博客 https://wojiaozhangyonghao.github.io/goodBlog/

加群教你用vue + vuepress 搭建自己的博客

加入技术交流群

扫描二维码

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM