Merge pull request #2717 from JavierUhagon/pintableHead

Pin the headers to the top of the window
locustio · May 21, 2024 · 564bfa8 · 564bfa8
2 parents 58515c4 + 33dc65d
commit 564bfa8
Showing 1 changed file with 14 additions and 2 deletions.
diff --git a/locust/webui/src/components/Table/Table.tsx b/locust/webui/src/components/Table/Table.tsx
@@ -62,9 +62,21 @@ export default function Table<Row extends Record<string, any> = Record<string, s
   });
 
   return (
-    <TableContainer component={Paper}>
+    <TableContainer
+      component={Paper}
+      sx={{
+        overflowX: 'visible',
+      }}
+    >
       <MuiTable>
-        <TableHead>
+        <TableHead
+          sx={{
+            position: 'sticky',
+            top: 0,
+            zIndex: 2,
+            backgroundColor: 'background.paper',
+          }}
+        >
           <TableRow>
             {structure.map(({ title, key }) => (
               <TableCell