如何禁用 DataGrid MUI 中的菜单按钮选项？

Question

我想禁用弹出所有选项的按钮，例如：排序、筛选、隐藏等

我知道您可以使用 sortable: false 删除列中的排序选项，如果我想删除其他所有内容，那么我可以简单地使用这两个 disableColumnFilter 来删除过滤器和 disableColumnSelector 删除几乎所有其他内容但是，即使我删除了所有选项，按钮仍然存在，我想删除它。

Answer 1

我应该在提问之前做更多的研究，但我在检查了其他东西后找到了答案。

所以你有 3 'modifiers'

disableColumnMenu
disableColumnFilter
disableColumnSelector

disableColumnMenu 将完全删除带有选项的按钮 disableColumnFilter 只会删除过滤器选项 disableColumnSelector 将删除 hide/show 列

您可以在使用简单 sortable = true/false

创建列时检查排序 true/false

Ej:

const columns = [
        { field: 'name', headerName: 'Name', width: 450, sortable: true/false}
      ]

这是 disableColumnMenu 的样子它根本不再显示按钮

如何禁用 DataGrid MUI 中的菜单按钮选项？

How to disable the menu button option in DataGrid MUI?

datagrid

reactjs

material-ui