自动可扩展行和子行使用钩子对表进行反应

Question

这里我有使用钩子的react表代码，我在打开页面时需要设置默认情况下扩展的所有行和子行的任务上苦苦挣扎，我尝试了几种解决方案，但都没有工作。

链接到代码：https://codesandbox.io/s/github/tannerlinsley/react-table/tree/master/examples/expanding

Answer 1

就像我说的那样，选项initialState.expanded允许您扩展所需的行。

useTable(
    {
      columns: userColumns,
      data,
      initialState: {
        expanded: { "0": true, "2": true }
      }
    },
    useExpanded // Use the useExpanded plugin hook
  )

这将扩展第一行和第三行。