Actualmente estoy construyendo un sistema de gestión que consta de tres MUIDataGrids. Solo se muestra una, pero puede cambiar entre las tres cuadrículas haciendo clic en las pestañas de arriba.

Mi configuración se ve casi idéntica al administrador de anuncios de Facebook ( Imagen ).

De manera similar al Administrador de anuncios de Facebook, quiero que alguien pueda seleccionar una fila en la pestaña uno que tenga una identificación específica y luego en la pestaña dos solo muestre aquellas filas que tengan la misma identificación.

Así que quiero filtrar en función de un valor. Normalmente haría algo como esto:

 <DataGrid rows={rows} columns={columns} checkboxSelection={true} filterModel={{ items: [{ columnField: "columnName", operatorValue: "equals", value: valueOfSelectedRowInTabOne }], }} />

Pero el problema que tengo es que los usuarios pueden seleccionar varias filas en la pestaña uno, lo que significa que tendría que filtrar según todos los valores que tienen las filas seleccionadas.

Para lograr eso, tengo una matriz de todos los valores de fila seleccionados. Pero, ¿cómo haría para filtrar en función de una matriz completa? El escenario perfecto para mí sería hacer algo como esto (Cambiar el filterValue a toda la matriz):

 <DataGrid rows={rows} columns={columns} checkboxSelection={true} filterModel={{ items: [{ columnField: "columnName", operatorValue: "equals", value: ARRAYofSelctedRowValuesInTabOne }], }} />

¿Hay alguna manera de hacer esto con MUI Data Grid? ¿Me estoy perdiendo de algo?

Realmente agradecería cualquier tipo de ayuda.

Saludos cordiales, Pedro