开发记录：Vue前端a-table组件更改行颜色背景

前端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;
  }

结果图：