Mui-datatables: How to change checkbox color?

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

How i can change the checkbox color.

question

Source

ghost

Most helpful comment

You can override the theme, I didn't manage to do it without important

   getMuiTheme = () =>
    createMuiTheme({
      overrides: {
        MUIDataTableSelectCell: {
          checked: {color: "yellow !important" }
        }
      }
    });

mantzuri on 1 Aug 2018

👍3

All 2 comments

You can override the theme, I didn't manage to do it without important

   getMuiTheme = () =>
    createMuiTheme({
      overrides: {
        MUIDataTableSelectCell: {
          checked: {color: "yellow !important" }
        }
      }
    });

mantzuri on 1 Aug 2018

👍3

This should work. Looking at the source helped me find the right identifiers
https://github.com/gregnb/mui-datatables/blob/6da45d04da214f40172fdf33b5d32e99ac75c56a/src/components/TableSelectCell.js#L35

MUIDataTableSelectCell: { checkboxRoot: { '&$checked': { color: 'rgba(0, 0, 0, 0.54)', }, }, },