bolt-table 0.1.11 → 0.1.12

package/dist/index.js

@@ -986,7 +986,9 @@ var Cell = import_react3.default.memo(
       return prev.isExpanded === next.isExpanded;
     }
     if (prev.column.render) {
-      return prev.record === next.record && prev.rowIndex === next.rowIndex;
+      if (prev.recordFingerprint !== next.recordFingerprint) return false;
+      if (prev.rowIndex !== next.rowIndex) return false;
+      return prev.column.render === next.column.render;
     }
     return prev.value === next.value && prev.rowIndex === next.rowIndex && prev.column.key === next.column.key;
   }
@@ -1069,6 +1071,7 @@ var TableBody = ({
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
     columnStyles.map((colStyle, colIndex) => {
       const col = orderedColumns[colIndex];
+      const hasRender = !!col.render;
       return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
         "div",
         {
@@ -1080,6 +1083,7 @@ var TableBody = ({
             const isExpanded = resolvedExpandedKeys?.has(rowKey) ?? false;
             const cellValue = row[col.dataIndex];
             const isRowShimmer = isLoading || rowKey.startsWith("__shimmer_");
+            const recordFingerprint = hasRender && !isRowShimmer ? JSON.stringify(row) : void 0;
             return (
               /*
                * Row wrapper div:
@@ -1127,7 +1131,8 @@ var TableBody = ({
                           allData: data,
                           getRowKey,
                           accentColor,
-                          isLoading: isRowShimmer
+                          isLoading: isRowShimmer,
+                          recordFingerprint
                         }
                       )
                     }
@@ -1634,6 +1639,23 @@ function BoltTable({
     () => [...leftPinned, ...unpinned, ...rightPinned],
     [leftPinned, unpinned, rightPinned]
   );
+  const freshOrderedColumns = (0, import_react4.useMemo)(() => {
+    const latestMap = new Map(
+      initialColumnsRef.current.map((c) => [c.key, c])
+    );
+    return orderedColumns.map((col) => {
+      if (col.key === "__select__" || col.key === "__expand__") return col;
+      const latest = latestMap.get(col.key);
+      if (!latest) return col;
+      if (col.render === latest.render && col.shimmerRender === latest.shimmerRender)
+        return col;
+      return {
+        ...col,
+        render: latest.render,
+        shimmerRender: latest.shimmerRender
+      };
+    });
+  }, [orderedColumns, initialColumns]);
   const totalTableWidth = (0, import_react4.useMemo)(
     () => orderedColumns.slice(0, -1).reduce((sum, col) => sum + (col.width ?? 150), 0) + (orderedColumns.at(-1)?.width ?? 150),
     [orderedColumns]
@@ -2290,7 +2312,7 @@ function BoltTable({
                                 TableBody_default,
                                 {
                                   data: displayData,
-                                  orderedColumns,
+                                  orderedColumns: freshOrderedColumns,
                                   rowVirtualizer,
                                   columnOffsets,
                                   styles,
@@ -2556,6 +2578,7 @@ function BoltTable({
             position: "fixed",
             zIndex: 99999,
             height: 36,
+            fontSize: 12,
             alignItems: "center",
             overflow: "hidden",
             textOverflow: "ellipsis",