[material-ui][docs] Polish out data table demo (#43072)

mui · Jul 26, 2024 · e8a2ef7 · e8a2ef7
1 parent ac5b7ca
commit e8a2ef7
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 1 deletion.
diff --git a/docs/data/material/components/table/DataTable.js b/docs/data/material/components/table/DataTable.js
@@ -46,6 +46,7 @@ export default function DataTable() {
         }}
         pageSizeOptions={[5, 10]}
         checkboxSelection
+        sx={{ overflow: 'clip' }}
       />
     </div>
   );

diff --git a/docs/data/material/components/table/DataTable.tsx b/docs/data/material/components/table/DataTable.tsx
@@ -46,6 +46,7 @@ export default function DataTable() {
         }}
         pageSizeOptions={[5, 10]}
         checkboxSelection
+        sx={{ overflow: 'clip' }}
       />
     </div>
   );

diff --git a/docs/data/material/components/table/DataTable.tsx.preview b/docs/data/material/components/table/DataTable.tsx.preview
@@ -8,4 +8,5 @@
   }}
   pageSizeOptions={[5, 10]}
   checkboxSelection
+  sx={{ overflow: 'clip' }}
 />
diff --git a/docs/data/material/components/table/table.md b/docs/data/material/components/table/table.md
@@ -33,7 +33,7 @@ This constraint makes building rich data tables challenging.
 The [`DataGrid` component](/x/react-data-grid/) is designed for use-cases that are focused on handling large amounts of tabular data.
 While it comes with a more rigid structure, in exchange, you gain more powerful features.
 
-{{"demo": "DataTable.js", "bg": "inline"}}
+{{"demo": "DataTable.js", "bg": "outlined"}}
 
 ## Dense table