antd-table根据指定条件修改行的表格边框颜色

1 给表格添加:rowClassName="newClassFun"

<a-table
        ref="mainTableRef"
        v-loading="loadFlag"
        :columns="columns"
        :data-source="list"
        :rowClassName="newClassFun"
        :pagination="false"
        bordered
        
      />


const newClassFun = (record, index) => {
        
          if (index%2==0) {
            return 'border-color'
          } else {
            return 'border-con';
          }
}
        

2 添加样式

.main-table :deep(.ant-table table) {
    border-collapse: collapse;
    td {
      // border: 2px solid #f0f0f0;
    }
  }
.border-con {
  
    border-bottom: 2px solid black;
  }

需要将.ant-table table的border-collapse设置为collapse，同时也不能指定td的边框，否则不起作用。

.border-con需要写在不加scoped的style下面