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

Rea*_*ato 19 datagrid reactjs material-ui

我想禁用弹出所有选项的按钮,例如:排序、过滤、隐藏等。

在此输入图像描述

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

在此输入图像描述

Rea*_*ato 35

我应该在询问之前做更多研究,但在检查其他内容后我找到了答案。

所以你有 3 个“修饰符”

  • disableColumnMenu
  • disableColumnFilter
  • disableColumnSelector

disableColumnMenu将完全删除带有选项的按钮 disableColumnFilter将仅删除过滤器选项 disableColumnSelector将删除隐藏/显示列

您可以在使用简单的方法创建列时检查排序真/假sortable = true/false

埃杰:

const columns = [
        { field: 'name', headerName: 'Name', width: 450, sortable: true/false}
      ]
Run Code Online (Sandbox Code Playgroud)

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

在此输入图像描述

  • 事实上,将disableColumnMenu: true 添加到列定义对象(GridColDef 类型)就可以了。谢谢。 (6认同)
  • 知道如何仅对特定列禁用列菜单吗? (2认同)