如何隐藏 dataGrid MUI 中的列

Question

大家好，我正在尝试在 MUI 中隐藏 Id 列，但它不起作用，任何人都知道这样做，我尝试了所有垃圾，还有其他方法可以通过 dataGrid 中的 id 删除而不将 id 放入 dataGrid

我尝试隐藏 dataGrid 中的列

Answer 1

您需要将具有列名称和值为 false 的对象传递给

initialState

>

columns

>

columnVisibilityModel

属性。

示例：

<DataGrid
  initialState={{
    columns: {
      columnVisibilityModel: {
        // Hide columns id and lastname.
        // Other columns will remain visible
        id: false,
        lastname: false,
      },
    },
  }}
/>

您可以查看数据网格 - 列可见性文档以获取更多选项。