Как условно раскрасить определенные строки в таблице AntD

Question

Я пытаюсь раскрасить целые строки на основе некоторых данных, которые поступают из источника данных таблицы.

Я видел, что вы можете использовать rowClassName, но не совсем понимаю, как этоработает.

Очень хотелось бы несколько примеров машинописи! Спасибо!

<Table
  columns={cols}
  dataSource={data}
  rowKey={(record: obj) => record.key}
  rowClassName={(record: obj) => record.amount == '0' ? <???> : ''}
/>

Answer 1

Вот пример из нашей кодовой базы:

import s from './styles.css'

useStyles(s)
...
 rowClassName={(_r, i) => (i % 2 ? s.odd : s.even)}

и в файле css:

.odd {
  background: color(var(--midnight-5) alpha(50%));
}

.even {
  background-color: #f8f9fa;
}

Мы используем Загрузчик изоморфного стиля