自定义React数据表组件中的水平和垂直滚动问题

Question

我开发了一个自定义反应数据表组件，它在表中动态显示

headersData

、

rowData

和

footerData

。 当谈到滚动时，我试图实现以下两点：

1. 水平滚动 - A) 前两列应固定，从第三列到最后一列，应启用水平滚动。 B) 水平滚动应始终在窗口底部可见。最大高度为 300px，它应该 始终在底部可见。
2. 垂直滚动 - 当我们垂直滚动时，标题行应该固定在顶部。

自定义反应数据表和我的尝试位于下面的 CodeSandBox 链接中。我已经实现了水平滚动中提到的第一点，但无法实现水平滚动和顶部固定标题的垂直滚动中提到的第二点。试了很多天还是没搞明白。为此，想到寻求帮助，并将问题发布在这里。请告诉我您对如何实现此功能的想法。预先感谢。

CodeSandBox 链接： https://codesandbox.io/s/custom-react-data-table-970ed?file=/src/tableContainer/DataTableContainer.tsx

注意：无需IE支持。

期望滚动行为如以下链接所示：

https://jsfiddle.net/6qxcaemu/5

Answer 1

在垂直滚动上运行时遇到同样的问题...您找到任何解决方法吗？ （想添加评论，但我没有足够的声誉点）