element表格el-table对指定行设置背景颜色

示例：对当天（星期几）的数据设置背景色

使用 :row-class-name 实现

<el-table :data="tableData" style="width: 100%" border :row-class-name="tableRowClassName">
    <el-table-column prop="week" label="星期" width="180" align="center">
    </el-table-column>
	...
</el-table>

如果该行数据的星期是当天，则返回样式 choose-row

//指定行颜色
tableRowClassName: function ({ row, rowIndex }) {
    if (row.week == this.week) {
        return 'choose-row';
    }
},

<style>
    .choose-row {
        background-color: #f5f7fa !important;
    }
</style>

---

更多技术干货，请持续关注程序员大佬超。

原创不易，转载请注明出处。