elementUI 表格添加类名 实现不同样式样式 记录

想要实现样式

类似这样 两状态 两种样式

使用到 elememt的一个方法，记录一下第一次使用；

<el-table
            :data="tableData"
            :row-class-name="tableRowClassName"
            @selection-change="handleSelectionChange"
            style="width: 100%">

给某一行添加类名

tableRowClassName({row, rowIndex}) {
                if (row.readStatus === '0') {
                return 'warning-row';
                }
                return '';
            },

写样式

以此方法可以根据数据内容动态添加不同的class 根据需求写出不同样式