как показать поочередно красный и зеленый цвет строки?

Question

Я использую react table в реакции. Я учусь здесь https://github.com/tannerlinsley/react-table/tree/v6#codesandbox-examples и отсюда https://www.npmjs.com/package/react-table

Я хочу показать мои строки поочередно цветом «красный» и «зеленый» с черной рамкой на каждой ячейке. Мы можем показать в таблице реагирования?

вот мой код https://codesandbox.io/s/ecstatic-banzai-zp54o

Answer 1

Это простой CSS. Использование селектора nth-of-type для стиля четных строк красного цвета и всего остального, т.е. нечетных строк, зеленого цвета

.rt-tr-group{
  background: green;
}
.rt-tr-group:nth-of-type(even){
  background: red;
}

обновленная песочница https://codesandbox.io/s/bu45o?fontsize=14