Mui-datatables: is it possible to customize search box ?

Created on 10 May 2019  路  5Comments  路  Source: gregnb/mui-datatables

Screen Shot 2019-05-10 at 12 31 58 PM

I have to customize search-box like above screenshot..is It possible in MUI Datatable ??

community feedback help wanted

Most helpful comment

Hi @gabrielliwerant - I also would like some sort of customization or control over the search box. Currently it overlaps the title of the table when you type a query. Also the length of the search field seems very long. Thanks for your efforts on this project.

All 5 comments

At the moment, it is not. This feature was requested a while ago here https://github.com/gregnb/mui-datatables/issues/91. If there is a lot of interest in this feature, I can take it on next, as it has languished quite a bit since it was initially opened.

Hi @gabrielliwerant - I also would like some sort of customization or control over the search box. Currently it overlaps the title of the table when you type a query. Also the length of the search field seems very long. Thanks for your efforts on this project.

@gabrielliwerant I am trying to override the color of the line (default black/ when focused blue) but cant seem to figure out how to call to this. Is this also not possible?

@elilondon The only way to customize the search box at the moment is to use style overrides. You'll find examples for how to do this is the customize-styling example of this project. Also, the material-ui documentation will give you pointers about overriding styles.

The ability to add a custom search bar is now available in 2.8.0. See documentation or release notes for more information.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

ronaiza-cardoso picture ronaiza-cardoso  路  3Comments

Aankhen picture Aankhen  路  3Comments

gangakrishh picture gangakrishh  路  3Comments

naothomachida picture naothomachida  路  3Comments

geekashu picture geekashu  路  3Comments