隐藏材质 UI 数据网格过滤器中的列

Question

我已成功将id 隐藏在列中。但是我如何也将它隐藏在过滤器中？

<StyledDataGrid
  getRowId={(r) => r.newId}
  columns={columns}
  rows={rows}
  disableSelectionOnClick
  checkboxSelection
/>;

const columns = [
  { field: "id", hide: true, filterable: false },
  {
    field: "product",
    headerName: "Product Name",
  },
  { field: "price", headerName: "Price" },
  {
    field: "expiry",
    headerName: "Expiry date",
  },
];

Answer 1

当您向<StyledDataGrid /> 提供列时，您可以应用过滤器。

colums={ columns.filter((col) => !col.hide) }