如何更改移动视口的 MUI 数据网格显示模式

Question

我在我的 React 项目 (v.18.2.0) 中使用 MUI 数据网格（社区版，v.5.17.22）。 我想更改在移动设备上使用应用程序时 datagrid 呈现行和列的方式。我不知道如何更好地描述它，所以我附上了我的意思的两张图片。

有没有办法做到这一点，或者我必须编写自己的组件？ 我在网上搜索，检查了许多不同的反应数据网格，但没有一个有这样的选择。 另外，如果您知道任何其他具有该选项的数据网格，请告诉我。

谢谢大家:)

我检查了 Bootstrap 数据表、反应数据网格 (reactdatagrid.io)、AG 网格 (ag-grid.com)、CloudTables 数据表 (datatables.net) 和其他一些数据网格。他们都没有改变移动设备的视图，只是在网格中添加了一个水平滚动条。

Answer 1

您可以创建 2 个数据网格，一个用于桌面，一个用于移动。