Changed the display property of the TableBody component to allow Auto…

…Sizer to properly calculate height; Minor formatting
ECN · Apr 19, 2021 · 288fe58 · 288fe58
1 parent e4ca2f8
commit 288fe58
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/src/components/ItemTable/ItemTable.js b/src/components/ItemTable/ItemTable.js
@@ -42,9 +42,10 @@ export default function ItemTable({ data, rowCanBeSelected, loading }) {
             borderLeftStyle: "solid",
             borderColor: theme.palette.type === "light" ? theme.palette.grey[300] : theme.palette.grey[500]
         },
-        VirtualizedTableHeight: {
+        VirtualizedTableStyles: {
             // The !important is placed here to enforce CSS specificity.
-            height: '82vh !important'
+            height: '82vh !important',
+            display:"table-row"
         },
     });
     const classes = useStyles();
@@ -148,9 +149,9 @@ export default function ItemTable({ data, rowCanBeSelected, loading }) {
                             ))}
                         </TableHead>
 
-                        <TableBody  {...getTableBodyProps()} classes={{ root: classes.VirtualizedTableHeight }} >
+                        <TableBody {...getTableBodyProps()} classes={{ root: classes.VirtualizedTableStyles }}>
                             <AutoSizer disableWidth>
-                                {({ height,width }) => (
+                                {({ height, width }) => (
                                     <FixedSizeList
                                         className="Table"
                                         height={height}