反应表:多个级别的子列

问题描述

是否可以在反应表中将子列划分为另一组子列?像这样:

-----------------------------------------------------------------------
                                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