[docs] Fix virtualized table column resizing (#36066)

Co-authored-by: Olivier Tassinari <[email protected]> Co-authored-by: ZeeshanTamboli <[email protected]>
mui · Feb 13, 2023 · 749bde0 · 749bde0
1 parent 5f9638d
commit 749bde0
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/docs/data/material/components/tables/ReactVirtualizedTable.js b/docs/data/material/components/tables/ReactVirtualizedTable.js
@@ -61,7 +61,9 @@ const VirtuosoTableComponents = {
   Scroller: React.forwardRef((props, ref) => (
     <TableContainer component={Paper} {...props} ref={ref} />
   )),
-  Table: (props) => <Table {...props} style={{ borderCollapse: 'separate' }} />,
+  Table: (props) => (
+    <Table {...props} sx={{ borderCollapse: 'separate', tableLayout: 'fixed' }} />
+  ),
   TableHead,
   TableRow: ({ item: _item, ...props }) => <TableRow {...props} />,
   TableBody: React.forwardRef((props, ref) => <TableBody {...props} ref={ref} />),

diff --git a/docs/data/material/components/tables/ReactVirtualizedTable.tsx b/docs/data/material/components/tables/ReactVirtualizedTable.tsx
@@ -86,7 +86,9 @@ const VirtuosoTableComponents: TableComponents<Data> = {
   Scroller: React.forwardRef<HTMLDivElement>((props, ref) => (
     <TableContainer component={Paper} {...props} ref={ref} />
   )),
-  Table: (props) => <Table {...props} style={{ borderCollapse: 'separate' }} />,
+  Table: (props) => (
+    <Table {...props} sx={{ borderCollapse: 'separate', tableLayout: 'fixed' }} />
+  ),
   TableHead,
   TableRow: ({ item: _item, ...props }) => <TableRow {...props} />,
   TableBody: React.forwardRef<HTMLTableSectionElement>((props, ref) => (