|
|
@ -422,9 +422,6 @@ export const RowsList = (props: RowsListProps) => { |
|
|
|
} |
|
|
|
} |
|
|
|
}; |
|
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
// Key the virtualizer for expanded rows
|
|
|
|
|
|
|
|
const expandedKey = Object.keys(tableState.expanded).join('|'); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// It's a hack for text wrapping.
|
|
|
|
// It's a hack for text wrapping.
|
|
|
|
// VariableSizeList component didn't know that we manually set row height.
|
|
|
|
// VariableSizeList component didn't know that we manually set row height.
|
|
|
|
// So we need to reset the list when the rows high changes.
|
|
|
|
// So we need to reset the list when the rows high changes.
|
|
|
@ -437,8 +434,7 @@ export const RowsList = (props: RowsListProps) => { |
|
|
|
return ( |
|
|
|
return ( |
|
|
|
<CustomScrollbar onScroll={handleScroll} hideHorizontalTrack={true} scrollTop={scrollTop}> |
|
|
|
<CustomScrollbar onScroll={handleScroll} hideHorizontalTrack={true} scrollTop={scrollTop}> |
|
|
|
<VariableSizeList |
|
|
|
<VariableSizeList |
|
|
|
// This component needs an unmount/remount when row height, page changes, or expanded rows change
|
|
|
|
key={`${rowHeight}${pageIndex}`} |
|
|
|
key={`${rowHeight}${pageIndex}${expandedKey}`} |
|
|
|
|
|
|
|
height={listHeight} |
|
|
|
height={listHeight} |
|
|
|
itemCount={itemCount} |
|
|
|
itemCount={itemCount} |
|
|
|
itemSize={getItemSize} |
|
|
|
itemSize={getItemSize} |
|
|
|