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;
}

 

posted @ 2020-12-24 14:22  武向前  阅读(2892)  评论(0编辑  收藏  举报