在询问问题之前,我应该做更多的研究,但通过查找其他内容,我找到了答案。
所以你有3个“修饰符”
disableColumnMenu
disableColumnFilter
disableColumnSelector
disableColumnMenu
将完全删除带有选项的按钮,
disableColumnFilter
只会删除过滤器选项,
disableColumnSelector
将删除隐藏/显示列的选项。
您可以在创建列时通过简单的 sortable = true/false
检查排序是true还是false。
例如:
const columns = [
{ field: 'name', headerName: 'Name', width: 450, sortable: true/false}
]
加上disableColumnMenu
后,就完全不会再显示按钮了:
我遇到了同样的问题,需要禁用单个列的排序和筛选。
发现MUI GridColDef接口文档非常有帮助:https://mui.com/x/api/data-grid/grid-col-def/。
sortable
disableColumnMenu
.MuiDataGrid-columnHeader:not(.MuiDataGrid-columnHeader--sorted) .MuiDataGrid-sortIcon {
opacity: 0;
-webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
display: none;
background-color: transparent !important;
}