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