ant-design 表格指定行高亮处理

438 阅读1分钟

//添加该属性

<a-table
                :rowClassName="setRowClassName"
              >
              </a-table>

methods内注册该方法 给符合条件的行添加该class

methods: {
    //高亮显示超标的行
    setRowClassName(record){
    return record.flag == 1 ? 'warning' : '';
  },}

css内添加对应样式

deep/.ant-table-content .ant-table-body .warning td {background:#ffeaa7 !important}

image.png