element-ui 表格選中行改變行顏色


<el-table
        :row-class-name="tableRowClassName"
        :data="every_list"
        @selection-change="handleSelectionChange"
>

/**
 * 改變表格每一行
用forEach還不行。。用的for循環,
this.selectList=[]是選中的數組列表,用索引和rowIndex比較,
相等就是同一行,然后改變這一行的顏色
 * */
tableRowClassName({row,rowIndex}) {
    let self = this
    for(let i=0;i<self.selectList.length;i++) {
        if (rowIndex === self.selectList[i]) {
            return 'warning-row';
        }
    }

},
/**
 * 多選是數組列表
 * */
handleSelectionChange(val) {
   self.selectList = val
   
}
樣式
.el-table .warning-row {
    background: pink!important;
}

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM