elementui table 表格前三行第三列数据标红

       　　　　　　　　　　　　　　　　　　　　 <el-table
                                                :cell-class-name="tableCellClassName"
                                                height="350px"
                                                :data="tableData"
                                                style=" 100%">
                                            <el-table-column
                                                    type="index"
                                                    label="排名"
                                                    width="50">
                                            </el-table-column>
                                            <el-table-column
                                                    prop="mineName"
                                                    label="矿山名称"
                                                    width="180">
                                            </el-table-column>
                                            <el-table-column
                                                    prop="finishedRate"
                                                    label="完成率">
                                                <template slot-scope="scope">
                                                    <el-row>
                                                        <el-col :span="18">
                                                            <el-progress
                                                                    :percentage=(scope.row.finishedRate)
                                                            ></el-progress>
                                                        </el-col>
                                                        <el-col :span="6" >
                                                            <div >
                                                                {{scope.row.finishedRate+"%"}}
                                                            </div>
                                                        </el-col>
                                                    </el-row>
                                                </template>
                                            </el-table-column>
                                       </el-table>

js:

tableCellClassName({row, column, rowIndex, columnIndex}: any) {
    if (rowIndex <= 2) {
        if (columnIndex == 2) {//前三行第三列表红
            return 'warning-row';
        }
    } else {
        if (columnIndex == 2) {
            return 'no-warning-row';
        }
    }
    
}

css:

/deep/.el-table .warning-row {
        color: #ec5656;
}

/deep/ .el-table .no-warning-row {
    color: #01b79d;
}

效果：