如何修复 react-table header 和复选框?

How to make react-table header and checkbox fixed?

我正在使用 react-table 和 selectTable HOC。 我想让复选框和 header 都固定。 我可以将两者单独修复,但是当我尝试将它们固定在一起时,就会发生这种情况。

这是我试过的。 https://codesandbox.io/s/jzr870m25

如有任何帮助,我们将不胜感激。

我更喜欢使用 reactabular。到目前为止,我认为它是 React 最好的 table 库。但是,这有点挑战。

你可以在CODESANDBOX上看到演示。

我能够使用 position: sticky;

这是一个例子。

https://codesandbox.io/s/54z882qno4