在 MUI 数据网格中强制水平滚动

Question

有没有办法强制水平滚动条始终出现在 MUI 数据网格中？我有一个包含数十列的表，我们需要能够指示还有更多列可供查看。我已经在几个不同的领域（主要是在 DevTools 中）尝试过

overflow-x:scroll

，但似乎没有任何改变。

如有任何帮助，我们将不胜感激！

Answer 1

如果你真的想强制滚动条延迟，那么：

<DataGrid
 ...
 sx={{ overflowX: 'scroll' }}
 ...
/>

但是，我认为您的问题是您在 DataGrid 列中设置

flex: 1

属性。 您能否尝试从所有列中删除

flex

属性？

Answer 2

我刚刚发现了一些非常简洁的东西，可能会也可能不会回答您的问题：MUI DataGrid 检测是否有鼠标连接到您的计算机并显示水平滚动条。否则，如果您没有鼠标并且仅使用触控板，则水平滚动条将被隐藏，直到您使用触控板滚动为止。

希望这有帮助，我遇到了同样的问题，直到我插入鼠标，瞧！

Answer 3

我有一个包含数十列的表格，我们需要能够指示还有更多列可供查看

如果您的十几列不适合网格，则溢出-x 应该可见。如果不是，则这是一个错误，您可以在存储库上提出问题。

如果是因为列太小，可以在列定义中使用

minWidth

属性

Answer 4

calc(100vw - ${drawerWidth}px)}}

您的页面内容

在 vh 中分配根容器的宽度