MUI DataGrid: manage visible rows after filtering

see also

• Add event and callback when filtered rows changes
• MUI Data Grid filtering

MUI DataGrid Column for nested object

const data = [ 
               { company: 'AAA', contact: { name: 'John Doe', email: 'john.doe@aaa.com } },
               { company: 'BBB', contact: { name: 'Mike Boh', email: 'mike.boh@bbb.com } }
             ];


const columnDefns=[
            {
                field: 'company',
                headerName: 'Company',
            },
            {
                field: 'contact',
                headerName: 'Contact',
                valueFormatter: (params) => params.contact.name
            }
            ];

see also

• Material UI datagrid with nested data

Material UI DataGrid: set Footer selected count information

<DataGrid
    localeText={{
        footerRowSelected: (count) => `${count} files selected`
    }} />

See also

• React Material UI Grid footer change