Remove filter icon from column filter input

[gaspardip]

Currently doing it like

        MuiTableCell: {
          styleOverrides: {
            root: {
              '& .MuiInputBase-root > .MuiSvgIcon-root': {
                display: 'none',
              },
            },
          },
        },

but I was wondering if there was a way to avoid rendering it to the DOM altogether

[KevinVandy]

You can override the mui InputProps on the TextField component entirely if you want.

muiTableHeadCellFilterTextFieldProps={{
  InputProps: {
    startAdornment: null,
    endAdornment: null,
}}

Problem is you also remove the endAdornment too.

[gaspardip]

That would be the "Clear Filter" icon right? If so, definitely not ideal

[KevinVandy]

then I think your solution is already ideal. I guess I could think over the design if no filter modes are enabled. I was following material-table's design for the filters, but if there is a placeholder, maybe we won't show the icon by default

[KevinVandy]

After re-considering the default design, as of v0.41.0, the start icon will only show when enableColumnFilterModes is enabled

[gaspardip]

That works, thanks!