问题描述
是否可以在反应表中将子列划分为另一组子列?像这样:
-----------------------------------------------------------------------
Column 1
-----------------------------------------------------------------------
Sub-column 1 | Sub-column 2
-----------------------------------------------------------------------
Sub-sub-col 11 | Sub-sub-col 12 | Sub-sub-col 21 | Sub-sub-col 22
-----------------------------------------------------------------------
这是我尝试没有成功的事情:
[
Header: 'Column 1',columns: [
{
Header: 'Sub-column 1',columns: [
{
Header: 'Sub-sub-column 11',accessor: 'accessor1'
},{
Header: 'Sub-sub-column 12',accessor: 'accessor1'
}
]
}
]
]
问题在于它仅呈现第1列及其子列1 ,而没有呈现子子列。结果如下:
Column 1
-----------------------------------------------------------------------
Sub-column 1 | Sub-column 2
-----------------------------------------------------------------------
我遇到反应表的限制或做错了什么吗? 如果这是一个限制,请提供解决方法或适用于这种情况的任何解决方案。
“反应表”:“ ^ 6.11.5”
解决方法
请检查您是否正在使用最新版本的React Table。旧版本仅支持两个级别的列标题。最新版本已对此问题进行了纠正,它们使您可以递归添加列。
有关更多详细信息,请参见此问题https://github.com/tannerlinsley/react-table/issues/1068