diff --git a/src/components/ItemTable/ItemTable.js b/src/components/ItemTable/ItemTable.js index f48b25d..7b03737 100644 --- a/src/components/ItemTable/ItemTable.js +++ b/src/components/ItemTable/ItemTable.js @@ -37,8 +37,10 @@ export default function ItemTable({ data, rowCanBeSelected, loading }) { backgroundColor: theme.palette.type === 'light' ? theme.palette.grey[50] : theme.palette.grey[700], }, }, + // The AutoSizer and FixedSizeList components create extra div elements within the table body + // that break DOM nesting rules and cause the table body to have a 0px height. These styles + // are a hotfix to force the table body to have height until a better solution is found. VirtualizedTableStyles: { - // The !important is placed here to enforce CSS specificity. height: '82vh !important', display:"table-row" },