Невозможно установить атрибуты границы для строки AntTable на основе значения записи

Question

Мне нужно установить атрибуты условных границ для некоторых моих строк в AntTable (React). Я могу изменить некоторые другие атрибуты, такие как background-color, width, height, на rowClassName, но почему-то стили границ не работают.

.isFirst {
   border-color: #5d3ebc;
   border-top: 1px;
   background-color: aqua;
}
.isLast {
   border-bottom: 40px;
   border-color:  #5d3ebc;
   height: 100px;
}




return (
    <AntTable
      rowClassName={(record, index) => (record.batchInfos.isFirstIndex ? 'isFirst' : 'isLast')}
      data={activeOrders}
      columns={columns}
      loading={isPending && showLoadingSpinner}
      pagination={pagination}
      onPaginationChange={handlePaginationChange}
    />
  );

Answer 1

Сначала вы должны указать border-collapse в таблице

.ant-table table {
  border-collapse: collapse;
}

Теперь определите border-width и border-style вместе со свойствами border-color в css.

.isLast {
  ...
  border-bottom-width: 7px;
  border-color: #5d3ebc;
  border-style: solid;
}