vue中el-table每一行根據某個屬性,做判斷,定義改行的樣式


需要是,table中有一個元素值為“超時”和“未超時”,要求如果是超時的時候,讓這一行的每個元素字體都變成紅色

給el-table添加 :row-class-name="tableRowClassName"

然后是方法

tableRowClassName(
                {
                    row,
                    rowIndex
                }){
                if (row.isDelay == "Y") {
                    return 'success-row';
                } else if (row.isDelay == "N") {
                    return 'warning-row';
                }
                return '';
            }

然后給class添加樣式即可

.el-table .success-row {
    color: red !important;
}

 


免責聲明!

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



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