Search code examples
reactjsmui-datatable

How to close Filter dialog in MUI datatable


I am using MUI datatable in my react project. I used serverside filtering and customFilterDialogFooter where I include following code in options which is passed in mui-datatables. When I click on Apply Filters button, I fetched data from server using my filtering criteria which is completely fine but Filter window is not closed. Is there any way to close filter window?

customFilterDialogFooter: filterList => {
        return (
            <div style={{marginTop: '40px'}}>
                <Button variant="contained" onClick={() => {
                    handleFilterSubmit(filterList)
                }}>Apply Filters</Button>
            </div>
        );
    }

included Filter window picture


Solution

  • Filter dialog is closed on the version mui-datatables": "3.0.0"