Skip to content

Commit dba20be

Browse files
committed
feat: update MUIDataTable styling to include width adjustment for better responsiveness
Signed-off-by: Amit Amrutiya <[email protected]>
1 parent 0295e04 commit dba20be

File tree

1 file changed

+4
-3
lines changed

1 file changed

+4
-3
lines changed

src/custom/ResponsiveDataTable.tsx

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -122,11 +122,12 @@ export const DataTableEllipsisMenu: React.FC<{
122122
const dataTableTheme = (theme: Theme, backgroundColor?: string) =>
123123
createTheme({
124124
components: {
125-
MUIDataTable: {
125+
MuiPaper: {
126126
styleOverrides: {
127-
paper: {
127+
root: {
128128
background: backgroundColor || theme.palette.background.default,
129-
maxWidth: '-moz-available'
129+
maxWidth: '-moz-available',
130+
width: '-moz-available'
130131
}
131132
}
132133
},

0 commit comments

Comments
 (0)