Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[data grid] Deep filter in data grid master details #13194

Closed
ashishchoudhary12 opened this issue May 21, 2024 · 3 comments
Closed

[data grid] Deep filter in data grid master details #13194

ashishchoudhary12 opened this issue May 21, 2024 · 3 comments
Labels
component: data grid This is the name of the generic UI component, not the React module! customization: extend Logic customizability feature: Filtering Related to the data grid Filtering feature feature: Master-detail Related to the data grid Master-detail feature status: waiting for author Issue with insufficient information

Comments

@ashishchoudhary12
Copy link

ashishchoudhary12 commented May 21, 2024

Summary

I am mui data grid table with master details. Now I want to use filter with parent table and it should work on the child table as well which works fine with the below code.

    const initialState = useKeepGroupedColumnsHidden({
    		apiRef,
    		initialState: {
    			filter: {
    				filterModel: {
    					items: [],
    					quickFilterValues: ["firs"],
    					quickFilterLogicOperator: GridLogicOperator.Or
    				}
    			}
    		},
    	});
    	const initialStateContentPanel = useKeepGroupedColumnsHidden({
    		apiRef,
    		initialState: {
    			filter: {
    				filterModel: {
    					items: [],
    					quickFilterValues: ["firs"],
    					quickFilterLogicOperator: GridLogicOperator.Or
    				}
    			}
    		},
    	});

However when it finds something in the child table not in parent then it does not return anything. It should work as row grouping in which whatever we find in the grouped rows it returns. Kindly help

Examples

No response

Motivation

No response

Search keywords: material-ui mui-datagrid master-details

@ashishchoudhary12 ashishchoudhary12 added the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label May 21, 2024
@zannager zannager added the component: data grid This is the name of the generic UI component, not the React module! label May 21, 2024
@michelengelen
Copy link
Member

Please provide a minimal reproduction test case with the latest version. This would help a lot 👷.

A live example would be perfect. You can find a examples and guides on how to find templates in our docs with which you can provide examples for your specific use-case: Support - Bug reproduction.

Thank you! 🙇🏼

@michelengelen michelengelen changed the title Deep filter in data grid master details [data grid] Deep filter in data grid master details May 22, 2024
@michelengelen michelengelen added status: waiting for author Issue with insufficient information feature: Filtering Related to the data grid Filtering feature feature: Master-detail Related to the data grid Master-detail feature customization: extend Logic customizability and removed status: waiting for maintainer These issues haven't been looked at yet by a maintainer labels May 22, 2024
Copy link

The issue has been inactive for 7 days and has been automatically closed.

@achoud444
Copy link

achoud444 commented Jun 14, 2024

@michelengelen Please check the link

I want to search on the top table and it should also return and filter the child table when I type something. For example if I search for Mathews it should filter in the child table and return

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: data grid This is the name of the generic UI component, not the React module! customization: extend Logic customizability feature: Filtering Related to the data grid Filtering feature feature: Master-detail Related to the data grid Master-detail feature status: waiting for author Issue with insufficient information
Projects
None yet
Development

No branches or pull requests

4 participants