Acerca de la personalización del estilo de una fila en el-table en elementUI

Requisito: se requiere personalizar el estilo de línea a través de un determinado atributo de línea

resolver:

HTML:

<el-table :data="tableData" border class="table" ref="multipleTable" :row-class-name="tableRowClassName">

MÉTODO:

tableRowClassName({
 
            row,
 
            rowIndex
 
        }) {
 
            if (row.rank < 0) {
 
                return 'success-row';
 
            } else if (row.rank == 0) {
 
                return 'warning-row';
 
            }
 
            return '';
 
        }

CSS:


.el-table .success-row {
    color: red !important;
}
 
.el-table .warning-row {
    color: #34c934 !important;
}

PD: al configurar css, no se puede agregar ámbito

Artículo de referencia: https://blog.csdn.net/shichong123/article/details/102586417?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-3.nonecase&depth_1-utm_source=distribute.pc_relevant.blog -BlogCommendFromMachineLearnPai2-3.nonecase

Supongo que te gusta

Origin blog.csdn.net/weixin_40538702/article/details/109073870
Recomendado
Clasificación