（element-ui）el-table表格使用cell-style改变单元格样式

最新推荐文章于 2024-06-14 18:06:40 发布

weixin_51063441

最新推荐文章于 2024-06-14 18:06:40 发布

阅读量5k

点赞数 1

本文链接：https://blog.csdn.net/weixin_51063441/article/details/119614103

版权

关键词由CSDN通过智能技术生成

直接绑定在el-table标签上

:cell-style="changeCellStyle"

在methods方法里定义

// 表体字体颜色设置
/***
 * row为某一行的除操作外的全部数据
 * column为某一列的属性
 * rowIndex为某一行（从0开始数起）
 * columnIndex为某一列（从0开始数起）
 */


cellStyle({ row, column, rowIndex, columnIndex }) {
     
      if (row.yoyStatus==1 && columnIndex == 6) {
        return 'color: #FF3B4B'
      }
      if (row.momStatus==1 && columnIndex == 7) {
        return 'color: #FF3B4B'
      }
  },