我的问题是，每当我在数据网格中隐藏或显示一列时，剩下要显示的列不会扩展以覆盖整个数据网格组件。我的代码的构建方式与 Material-UI 文档中的示例相同，这是非常基本的内容。 https://material-ui.com/components/data-grid/columns/#fluid-width 如果您开始使用菜单中的隐藏/显示选项，您会看到列自动调整大小。
我什至复制了他们的完整示例并将其粘贴到我的代码中。从他们的网站复制的新网格现在与我自己的 DataGrid 组件具有相同的行为。
关于为什么会发生这种情况的唯一线索是，每当我检查 DataGrid 组件中的元素时，我都会选中/取消选中此样式 *, ::before, ::after { box-sizing: inherit; } 。它似乎会影响整个应用程序样式，并且列会按正常预期扩展。但这并不是使 DataGrid 不响应列更改的原因，因为虽然它未选中，但如果我再次尝试隐藏列，我会遇到与选中时相同的问题。再一次，如果我检查它，剩余的列会扩展以适合组件。我唯一的猜测是有些东西阻止了组件正确重新渲染。我尝试强制它重新渲染，但没有成功。
有什么想法吗？
谢谢！