Update StickyHeadTable.tsx

Signed-off-by: MachaVivek <[email protected]>
mui · Jan 23, 2025 · 522740c · 522740c
1 parent 6494973
commit 522740c
Showing 1 changed file with 15 additions and 3 deletions.
diff --git a/docs/data/material/components/table/StickyHeadTable.tsx b/docs/data/material/components/table/StickyHeadTable.tsx
@@ -93,7 +93,7 @@ export default function StickyHeadTable() {
 
   return (
     <Paper sx={{ width: '100%', overflow: 'hidden' }}>
-      <Table aria-label="sticky table">
+      <Table stickyHeader aria-label="sticky table">
         <TableHead>
           <TableRow>
             {columns.map((column) => (
@@ -109,7 +109,20 @@ export default function StickyHeadTable() {
         </TableHead>
       </Table>
       <TableContainer sx={{ maxHeight: 440 }}>
-        <Table>
+        <Table stickyHeader aria-label="sticky table">
+          <TableHead>
+            <TableRow>
+              {columns.map((column) => (
+                <TableCell
+                  key={column.id}
+                  align={column.align}
+                  style={{ minWidth: column.minWidth }}
+                >
+                  {column.label}
+                </TableCell>
+              ))}
+            </TableRow>
+          </TableHead>
           <TableBody>
             {rows
               .slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage)
@@ -132,7 +145,6 @@ export default function StickyHeadTable() {
           </TableBody>
         </Table>
       </TableContainer>
-
       <TablePagination
         rowsPerPageOptions={[10, 25, 100]}
         component="div"