trotl-table 1.0.102 → 1.0.103

package/dist/Table.esm.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import React__default, { cloneElement, useRef, useState, useEffect, useMemo, useCallback } from 'react';
+import React__default, { cloneElement, useRef, useEffect, useState, useMemo, useCallback } from 'react';
 import { DndProvider, useDrop, useDrag } from 'react-dnd';
 import { HTML5Backend } from 'react-dnd-html5-backend';
 import Modal from './Modal.esm.js';
@@ -9700,8 +9700,8 @@ function TableInner({
   routePath = null,
   extraSearchTerm = "",
   styles,
-  rowHeight = styles === "professional" ? 30 : 34,
-  groupHeaderHeight = styles === "professional" ? 32 : 36,
+  rowHeight: requestedRowHeight = 34,
+  groupHeaderHeight: requestedGroupHeaderHeight = 36,
   showKey = false,
   keyWidth = null,
   selectedRowsCallback = () => {},
@@ -9741,6 +9741,12 @@ function TableInner({
   t
 }) {
   const isProfessional = styles === "professional";
+  const rowHeight = isProfessional ? 30 : requestedRowHeight;
+  const groupHeaderHeight = isProfessional ? 32 : requestedGroupHeaderHeight;
+  const virtualizedListRef = useRef(null);
+  useEffect(() => {
+    virtualizedListRef.current?.recomputeRowHeights();
+  }, [rowHeight, groupHeaderHeight]);
   let translate;
   if (t) {
     translate = t;
@@ -11541,6 +11547,7 @@ function TableInner({
     height,
     width
   }) => /*#__PURE__*/React__default.createElement(List, {
+    ref: virtualizedListRef,
     width: width,
     height: height,
     rowCount: tableDataFlat.length,