如何显示行的红色和绿色交替色？

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