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

2023-12-26 15:36:37

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

使用 :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>

在这里插入图片描述


更多技术干货，请持续关注程序员大佬超。
原创不易，转载请注明出处。

文章来源:https://blog.csdn.net/xch_yang/article/details/135217932
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。