elementUI表格根据状态显示不同的字体颜色
elementUI 官网:https://element.eleme.cn/#/zh-CN
cell-style:单元格的 style 的回调方法,也可以使用一个固定的 Object 为所有单元格设置一样的 Style。
实现效果:
实现步骤:
el-table标签中增加一个方法回调,:cell-style=“cellStyle”。
在方法中添加:
// 表格中单元格的字体颜色设置 /*** * row为某一行的除操作外的全部数据 * column为某一列的属性 * rowIndex为某一行(从0开始数起) * columnIndex为某一列(从0开始数起) */ cellStyle({ row, column, rowIndex, columnIndex }) { // 根据状态列显示字体颜色 if (row.isSync === 0) { return "color: #0CB618"; } else { return ""; } },
本文完结!