Reactjs 反应表-如何在物料UI表中将useResizeColumns与粘性标题组合

在React Table的最新版本（7.5.x）中，是否有一种方法可以在不破坏Material UI表的“Sticky Header”属性的情况下将列大小调整添加到Material UI表中

一方面，添加“useFlexLayout”或“useBlockLayout”会破坏“粘性标题”，另一方面，如果没有“useFlexLayout”或“useBlockLayout”，列大小调整将不起作用

在本例中，设置了

useBlockLayout

和

useResizeColumns

，并忽略了

stickyHeader

。一旦注释掉

useBlockLayout

和

useResizeColumns

后，

stickyHeader

又开始工作了。

这是我的解决方案。我希望这就是你需要的

我在元素中添加了一些内联样式：

<MaUTable
  ...
  style={{ display: "flex", flexDirection: "column" }}
>
<TableHead
    style={{
      position: "sticky",
      top: 0,
      alignSelf: "flex-start",
      zIndex: 1
    }}
  >
...
<TableBody style={{ position: "relative", zIndex: 0 }}>

...

谢谢您的回答。不幸的是，在您的codesandbox中，表头不能与表一起调整大小（请尝试使表更宽）