Mui-datatables: Option to disable Chip, when filter is applied.

Created on 2 Sep 2018 · 2Comments · Source: gregnb/mui-datatables

Is there any option to turn off the display chip on the table header, or at least configurable?

Source

shubhamk54

Most helpful comment

You could target the CSS and set display none on those chips.

  getMuiTheme = () => createMuiTheme({
    overrides: {
      MUIDataTableFilterList: {
        chip: {
          display: 'none'
        }
      }
    }
  })

  ...

  return (
      <MuiThemeProvider theme={this.getMuiTheme()}>
        <MUIDataTable title={"ACME Employee list"} data={data} columns={columns} options={options} />
      </MuiThemeProvider>
    );

gregnb on 4 Sep 2018

🎉2

All 2 comments

You could target the CSS and set display none on those chips.

  getMuiTheme = () => createMuiTheme({
    overrides: {
      MUIDataTableFilterList: {
        chip: {
          display: 'none'
        }
      }
    }
  })

  ...

  return (
      <MuiThemeProvider theme={this.getMuiTheme()}>
        <MUIDataTable title={"ACME Employee list"} data={data} columns={columns} options={options} />
      </MuiThemeProvider>
    );

gregnb on 4 Sep 2018

🎉2

Thank you greg

shubhamk54 on 8 Sep 2018

👍1

Was this page helpful?

0 / 5 - 0 ratings