mui-datatables icon indicating copy to clipboard operation
mui-datatables copied to clipboard

Changing CSS of MUIDataTableFilterList

Open ariel-upstream opened this issue 2 years ago • 1 comments

Hi. I'm using the "mui-datatables": "4.1.2" version and trying to change the backgroundColor of MUIDataTableFilterList but I can't find the way to do so, it seems it is because the class name I see on dev tools is tss-1vsygk-MUIDataTableFilterList-root, so I can't manipulate the MUIDataTableFilterList from my theme because of the generated id (tss-1vsygk-).

ariel-upstream avatar Mar 15 '22 08:03 ariel-upstream

Hey, if you using css or styled components. You can try this, example if it is a div:

Styled component: const StyledDataTable = styled(MUIDataTable)({ '& div[class*="MUIDataTableFilterList-root"]': { maxHeight: none, // add your style }, });

css: div[class*="MUIDataTableFilterList-root"]': { maxHeight: none, // add your style },

GabrielPRomero avatar Apr 12 '22 05:04 GabrielPRomero