前端a-table组件更改行颜色背景

1. a-table组件内添加动态class

:rowClassName="tableRowClassName"

在这里插入图片描述
2. 在methods里添加方法,可添加if条件根据行内容显示不同class

 //行内颜色
    tableRowClassName(record, index) {
      if (record.status == '3') {
      return 'blue'
      }
    },

3. 在style块里添加样式

  /deep/.ant-table-tbody .blue{
    background-color: #2dce5d !important;
  }

结果图:
在这里插入图片描述

Logo

前往低代码交流专区

更多推荐