antd table 奇偶行内容不同，如何处理?

Question

如图所示，上面是表头，数据分两行展示，奇偶显示数据不同，怎么做？

将数据定义成如下格式无效

列合并官方例子中起码数据是一致的，都是name，设置dataIndex时则不会存在问题。

Answer 1

推荐列合并，在columns的render方法里面根据当前行的奇偶返回colSpan

Answer 2

用 expandedRowRender https://ant.design/components...

更新：

你这个好像用列合并好点。https://ant.design/components...

Answer 3

在Table组件的那个class里面加上这个就OK了
table > tbody > tr:nth-child(even) > td{

  background-color: #F8F8F8;
}