LaVOZs

The World’s Largest Online Community for Developers

'; material table - Apply styles to MTableEditRow action component - LavOzs.Com

I'm trying to apply styling to MTableEditRow actions component which comes from MUI. I've tried doing it with actionCellStyle and overriding action components but they do not apply to that specific element. The only solution which worked for me so far is using styled components (or styled MUI API) like so :

const StyledEditRow = styled(MTableEditRow)({
    verticalAlign: "top",
    height: "110px",
    "& .MuiTableCell-root": { padding: "20px 5px !important" }
})

I would like to avoid using !important to override the style applied in the component if at all possible. It's a little bit weird that actionsCellStyle works only for one set of actions, or is there something I'm missing? Any help would be great!

Related
Update data when using Remote Data after custom action?
Material-table: how to give custom style to EmptyDataSourceMessage
Adding component with material-table changes Material-UI AppBar style
how to change material table action fields icon
React Material Table action OnClick event for edit and delete does not fire action
material table onRowClick and actions button click overlapping
How to override select all action? material-table
Changing the style of “Actions” in material-table react
How can I apply styles to specific cells on Material-Table?