feat(common): add dynamic size for GroupedDataTable

AntaresSimulatorTeam · Oct 10, 2023 · 404db0e · 404db0e
1 parent de4e563
commit 404db0e
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 14 deletions.
diff --git a/webapp/src/components/App/Singlestudy/explore/Modelization/Areas/Thermal/index.tsx b/webapp/src/components/App/Singlestudy/explore/Modelization/Areas/Thermal/index.tsx
@@ -176,15 +176,13 @@ function Thermal() {
   }
 
   return (
-    <Box sx={{ width: 1, p: 2, overflow: "auto" }}>
-      <GroupedDataTable
-        data={clustersWithCapacity}
-        columns={columns}
-        groups={groups}
-        onCreate={handleCreateRow}
-        onDelete={handleDeleteSelection}
-      />
-    </Box>
+    <GroupedDataTable
+      data={clustersWithCapacity}
+      columns={columns}
+      groups={groups}
+      onCreate={handleCreateRow}
+      onDelete={handleDeleteSelection}
+    />
   );
 }
 

diff --git a/webapp/src/components/common/GroupedDataTable/index.tsx b/webapp/src/components/common/GroupedDataTable/index.tsx
@@ -115,7 +115,6 @@ function GroupedDataTable<TData extends TRow>({
         enableStickyFooter
         enableStickyHeader
         enablePagination={false}
-        muiTableContainerProps={{ sx: { maxHeight: 550 } }}
         onRowSelectionChange={setRowSelection}
         state={{ rowSelection }}
         renderTopToolbarCustomActions={() => (
@@ -181,15 +180,19 @@ function GroupedDataTable<TData extends TRow>({
         }}
         muiTableBodyCellProps={{
           align: "right",
+          sx: {
+            borderBottom: "1px solid rgba(224, 224, 224, 0.3)",
+          },
         }}
         muiTableFooterCellProps={{
           align: "right",
         }}
-        muiTableProps={{
+        muiTablePaperProps={{
           sx: {
-            "& .MuiTableCell-root": {
-              borderBottom: "1px solid rgba(224, 224, 224, 0.3)",
-            },
+            width: 1,
+            display: "flex",
+            flexDirection: "column",
+            overflow: "auto",
           },
         }}
       />