@axzydev/axzy_ui_system 1.8.0 → 1.8.1

package/dist/index.cjs

@@ -5549,6 +5549,20 @@ function ITDataTable({
   const isTableVirtual = virtualized && effectiveView === "table";
   const isStickyHeader = stickyHeader && isTableVirtual;
   const resolvedRowHeight = rowHeight ?? getRowHeight(size, density);
+  const headRef = (0, import_react29.useRef)(null);
+  const [headHeight, setHeadHeight] = (0, import_react29.useState)(0);
+  (0, import_react29.useEffect)(() => {
+    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 = import_react29.default.useMemo(() => getPinnedColumnMeta(columns), [columns]);
   const scrollOuterClass = isTableVirtual ? "relative min-h-[200px]" : "overflow-x-auto relative min-h-[200px]";
@@ -5848,7 +5862,7 @@ function ITDataTable({
           },
           col.key
         )) }),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("thead", { ref: headRef, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
           "tr",
           {
             className: (0, import_clsx27.default)(tableHeaderRow, "dark:text-slate-200", headerSlot.className),
@@ -5914,7 +5928,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,
@@ -6011,7 +6028,7 @@ function ITDataTable({
                   {
                     ref: scrollRef,
                     className: "overflow-x-auto overflow-y-auto",
-                    style: { maxHeight: virtualizedMaxHeight },
+                    style: { maxHeight: snappedMaxHeight },
                     children: tableEl
                   }
                 ) : tableEl