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