@axzydev/axzy_ui_system 1.8.0 → 1.8.1

package/dist/index.js

@@ -5410,6 +5410,20 @@ function ITDataTable({
   const isTableVirtual = virtualized && effectiveView === "table";
   const isStickyHeader = stickyHeader && isTableVirtual;
   const resolvedRowHeight = rowHeight ?? getRowHeight(size, density);
+  const headRef = useRef13(null);
+  const [headHeight, setHeadHeight] = useState19(0);
+  useEffect9(() => {
+    if (!isTableVirtual) return;
+    const el = headRef.current;
+    if (!el) return;
+    const measure = () => setHeadHeight(el.getBoundingClientRect().height);
+    measure();
+    if (typeof ResizeObserver === "undefined") return;
+    const ro = new ResizeObserver(measure);
+    ro.observe(el);
+    return () => ro.disconnect();
+  }, [isTableVirtual, resolvedRowHeight]);
+  const snappedMaxHeight = isTableVirtual && headHeight > 0 ? headHeight + Math.max(1, Math.floor((virtualizedMaxHeight - headHeight) / resolvedRowHeight)) * resolvedRowHeight : virtualizedMaxHeight;
   const columnCount = columns.length;
   const pinnedMeta = React7.useMemo(() => getPinnedColumnMeta(columns), [columns]);
   const scrollOuterClass = isTableVirtual ? "relative min-h-[200px]" : "overflow-x-auto relative min-h-[200px]";
@@ -5709,7 +5723,7 @@ function ITDataTable({
           },
           col.key
         )) }),
-        /* @__PURE__ */ jsx29("thead", { children: /* @__PURE__ */ jsx29(
+        /* @__PURE__ */ jsx29("thead", { ref: headRef, children: /* @__PURE__ */ jsx29(
           "tr",
           {
             className: clsx27(tableHeaderRow, "dark:text-slate-200", headerSlot.className),
@@ -5775,7 +5789,10 @@ function ITDataTable({
                   onRowClick && !isLoading && tableRowClickable,
                   rowSlot.className
                 ),
-                style: rowSlot.style,
+                style: {
+                  ...isTableVirtual ? { height: resolvedRowHeight } : null,
+                  ...rowSlot.style
+                },
                 tabIndex: onRowClick && !isLoading ? 0 : void 0,
                 onClick: onRowClick && !isLoading ? handleRowClick(row) : void 0,
                 onKeyDown: onRowClick && !isLoading ? handleRowKeyDown(row) : void 0,
@@ -5872,7 +5889,7 @@ function ITDataTable({
                   {
                     ref: scrollRef,
                     className: "overflow-x-auto overflow-y-auto",
-                    style: { maxHeight: virtualizedMaxHeight },
+                    style: { maxHeight: snappedMaxHeight },
                     children: tableEl
                   }
                 ) : tableEl