简单 易懂 好用! 直接上代码(参考官方文档组件属性)
HTML部分:
<!-- 单元格的 style 的回调方法,也可以使用一个固定的 Object 为所有单元格设置一样的 Style -->
<el-table :cell-style="columnbackgroundStyle">
JS部分:
// 改变Table某一列的背景颜色
// columnIndex为列下标
columnbackgroundStyle({ row, column, rowIndex, columnIndex }) {
if (columnIndex == 1) {
//让下标为1的列数背景颜色显示为红色(颜色自定义根据大家需求来)
return 'background:red;'
}
},