MUI 数据网格中的表和过滤器列不同

Question

在

Student Details

列中，我想堆叠来自三列的数据值：

Name

、

Major

和

Year

。是否可以做到这一点，同时仍然保持按各个列进行过滤的能力？请参阅图片，了解我想按

Name

和

Major

列进行过滤的示例。

如果没有，是否有另一个数据网格库可以让我做到这一点？

Answer 1

是的，您可以在 MUI Datagrid 中实现这一点。您可以创建默认隐藏的列。但您仍然可以通过隐藏列过滤行。检查以下步骤👇

1. 使用

   field: "year"

   创建列。

2. 隐藏数据网格中的列：

   <DataGrid
       columnVisibilityModel={{ year: false,}}
       //other props
   />
   

3. 现在，如果您打开过滤器，您将在过滤器列表中找到此隐藏列选项。