dev: datatable wasn't adapting to screen changes
Massimo Melina committed
Apr 1, 2024 at 18:25 UTC
7a5079d1480493407b833ffb096ef1fdd605944b
1 file changed
+2
-1
admin/src/DataTable.ts
+2
-1
@@ -24,7 +24,7 @@ interface DataTableProps<R extends GridValidRowModel=any> extends Omit<DataGridP
24
addToFooter?: ReactNode
25
}
26
export function DataTable({ columns, initialState={}, actions, actionsProps, initializing, noRows, error, compact, addToFooter, ...rest }: DataTableProps) {
27
- const { width } = useWindowSize()
27
+ useWindowSize(); const width = window.outerWidth // workaround: width returned by useWindowSize is not good
28
const theme = useTheme()
29
const apiRef = useGridApiRef()
30
const [actionsLength, setActionsLength] = useState(0)
@@ -111,6 +111,7 @@ export function DataTable({ columns, initialState={}, actions, actionsProps, ini
111
sx: { position: 'absolute', width: 'calc(100% - 2px)', borderRadius: 1, m: '1px 1px' }
112
}) ),
113
h(DataGrid, {
114
+ key: width,
115
initialState,
116
style: { height: 0, flex: 'auto' }, // limit table to available screen space
117
density: compact ? 'compact' : 'standard',