在Chromium浏览器React数据表中，右侧列在小屏幕上闪烁或调整浏览器大小

Question

我正在使用Npm包React数据网格https://github.com/adazzle/react-data-grid以绑定数据。

问题示例https://codesandbox.io/s/react-data-grid-example-9sb93?file=/src/App.tsx

在小屏幕系统或调整浏览器大小时，列的右侧开始闪烁。

表列闪烁仅在铬浏览器中出现

有人有解决方案吗？

Answer 1

不确定，但适用于我

桌子闪烁的问题是因为桌子的高度有点像

height: "calc(100vh - 11rem)"

为了修复chromium浏览器中的闪烁，我添加了overflow X来滚动高度

{ height: "calc(100vh - 11rem)", overflowX: "scroll" }