handsontable 0.0.0-next-f52ab71-20250121 → 0.0.0-next-8d1d868-20250121

package/3rdparty/walkontable/src/table.js

@@ -5,7 +5,6 @@ require("core-js/modules/es.error.cause.js");
 require("core-js/modules/es.array.push.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.for-each.js");
-require("core-js/modules/esnext.iterator.map.js");
 var _element = require("../../../helpers/dom/element");
 var _function = require("../../../helpers/function");
 var _column = _interopRequireDefault(require("./filter/column"));
@@ -22,6 +21,7 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
 /**
  * @todo These mixes are never added to the class Table, however their members are used here.
  * @todo Continue: Potentially it works only, because some of these mixes are added to every inherited class.
+ * @todo Refactoring, move code from `if(this.isMaster)` into MasterTable, and others like that.
  * @mixes stickyColumnsStart
  * @mixes stickyRowsBottom
  * @mixes stickyRowsTop
@@ -78,6 +78,7 @@ class Table {
      *
      * @type {boolean}
      */
+    this.isMaster = name === 'master';
     this.name = name;
     this.dataAccessObject = dataAccessObject;
     this.facadeGetter = facadeGetter;
@@ -94,7 +95,9 @@ class Table {
     this.hider = this.createHider(this.spreader);
     this.holder = this.createHolder(this.hider);
     this.wtRootElement = this.holder.parentNode;
-    this.alignOverlaysWithTrimmingContainer(); // todo wow, It calls method from child class (MasterTable).
+    if (this.isMaster) {
+      this.alignOverlaysWithTrimmingContainer(); // todo wow, It calls method from child class (MasterTable).
+    }
     this.fixTableDomTree();
     this.rowFilter = null; // TODO refactoring, eliminate all (re)creations of this object, then updates state when needed.
     this.columnFilter = null; // TODO refactoring, eliminate all (re)creations of this object, then updates state when needed.
@@ -114,31 +117,7 @@ class Table {
       TBODY: this.TBODY,
       rowUtils: this.rowUtils,
       columnUtils: this.columnUtils,
-      cellRenderer: (row, column, TD) => {
-        const fixedColumnsStart = this.wtSettings.getSetting('fixedColumnsStart');
-        const fixedRowsTop = this.wtSettings.getSetting('fixedRowsTop');
-        this.wtSettings.getSettingPure('cellRenderer')(row, column, TD);
-        if (column < fixedColumnsStart) {
-          const left = this.dataAccessObject.wtViewport.getRowHeaderWidth() + this.dataAccessObject.wtOverlays.inlineStartOverlay.sumCellSizes(0, column);
-          TD.style.position = 'sticky';
-          TD.style.left = `${left}px`;
-          if (row < fixedRowsTop) {
-            TD.style.zIndex = '9';
-          } else {
-            TD.style.zIndex = '5';
-          }
-        }
-        if (row < fixedRowsTop) {
-          const top = this.dataAccessObject.wtViewport.getColumnHeaderHeight() + this.dataAccessObject.wtOverlays.topOverlay.sumCellSizes(0, row);
-          TD.style.position = 'sticky';
-          TD.style.top = `${top}px`;
-          if (column < fixedColumnsStart) {
-            TD.style.zIndex = '10';
-          } else {
-            TD.style.zIndex = '6';
-          }
-        }
-      },
+      cellRenderer: this.wtSettings.getSettingPure('cellRenderer'),
       stylesHandler: this.dataAccessObject.stylesHandler
     });
   }
@@ -238,10 +217,12 @@ class Table {
         // if TABLE is detached (e.g. in Jasmine test), it has no parentNode so we cannot attach holder to it
         parent.insertBefore(holder, hider);
       }
-      holder.parentNode.className += 'ht_master handsontable';
-      holder.parentNode.setAttribute('dir', this.wtSettings.getSettingPure('rtlMode') ? 'rtl' : 'ltr');
-      if (this.wtSettings.getSetting('ariaTags')) {
-        (0, _element.setAttribute)(holder.parentNode, [(0, _a11y.A11Y_PRESENTATION)()]);
+      if (this.isMaster) {
+        holder.parentNode.className += 'ht_master handsontable';
+        holder.parentNode.setAttribute('dir', this.wtSettings.getSettingPure('rtlMode') ? 'rtl' : 'ltr');
+        if (this.wtSettings.getSetting('ariaTags')) {
+          (0, _element.setAttribute)(holder.parentNode, [(0, _a11y.A11Y_PRESENTATION)()]);
+        }
       }
       holder.appendChild(hider);
     }
@@ -269,89 +250,100 @@ class Table {
     } = this.dataAccessObject;
     const totalRows = wtSettings.getSetting('totalRows');
     const totalColumns = wtSettings.getSetting('totalColumns');
-    const rowHeaders = wtSettings.getSetting('rowHeaders').map(origRowRenderer => {
-      return (row, TH, column) => {
-        const fixedRowsTop = this.wtSettings.getSetting('fixedRowsTop');
-        const fixedColumnsStart = this.wtSettings.getSetting('fixedColumnsStart');
-        if (row < fixedRowsTop) {
-          let top = 0;
-          if (row >= 0) {
-            top = this.dataAccessObject.wtViewport.getColumnHeaderHeight() + this.dataAccessObject.wtOverlays.topOverlay.sumCellSizes(0, row);
-          }
-          TH.style.top = `${top}px`;
-          if (column < fixedColumnsStart) {
-            TH.style.zIndex = '20';
-          } else {
-            TH.style.zIndex = '10';
-          }
-        } else {
-          TH.style.top = '0px';
-          TH.style.zIndex = '3';
-        }
-        origRowRenderer(row, TH, column);
-        TH.style.position = 'sticky';
-        TH.style.left = '0px';
-      };
-    });
+    const rowHeaders = wtSettings.getSetting('rowHeaders');
     const rowHeadersCount = rowHeaders.length;
-    const columnHeaders = wtSettings.getSetting('columnHeaders').map(origColumnRenderer => {
-      return (column, TH, row) => {
-        const fixedRowsTop = this.wtSettings.getSetting('fixedRowsTop');
-        const fixedColumnsStart = this.wtSettings.getSetting('fixedColumnsStart');
-        if (column < fixedColumnsStart) {
-          let left = 0;
-          if (column >= 0) {
-            left = this.dataAccessObject.wtViewport.getRowHeaderWidth() + this.dataAccessObject.wtOverlays.inlineStartOverlay.sumCellSizes(0, column);
-          }
-          TH.style.left = `${left}px`;
-          if (row < fixedRowsTop) {
-            TH.style.zIndex = '20';
-          } else {
-            TH.style.zIndex = '10';
-          }
-        } else {
-          TH.style.zIndex = '3';
-          TH.style.left = '0px';
-        }
-        origColumnRenderer(column, TH, row);
-        TH.style.position = 'sticky';
-        TH.style.top = '0px';
-      };
-    });
+    const columnHeaders = wtSettings.getSetting('columnHeaders');
     const columnHeadersCount = columnHeaders.length;
     let runFastDraw = fastDraw;
-    wtOverlays.beforeDraw();
-    this.holderOffset = (0, _element.offset)(this.holder);
-    runFastDraw = wtViewport.createCalculators(runFastDraw);
-    if (!runFastDraw) {
-      this.tableOffset = (0, _element.offset)(this.TABLE);
+    if (this.isMaster) {
+      wtOverlays.beforeDraw();
+      this.holderOffset = (0, _element.offset)(this.holder);
+      runFastDraw = wtViewport.createCalculators(runFastDraw);
+      if (rowHeadersCount && !wtSettings.getSetting('fixedColumnsStart')) {
+        const leftScrollPos = wtOverlays.inlineStartOverlay.getScrollPosition();
+        const previousState = this.correctHeaderWidth;
+        this.correctHeaderWidth = leftScrollPos !== 0;
+        if (previousState !== this.correctHeaderWidth) {
+          runFastDraw = false;
+        }
+      }
+    }
+    if (runFastDraw) {
+      if (this.isMaster) {
+        wtOverlays.refresh(true);
+      }
+    } else {
+      if (this.isMaster) {
+        this.tableOffset = (0, _element.offset)(this.TABLE);
+      } else {
+        this.tableOffset = this.dataAccessObject.parentTableOffset;
+      }
       const startRow = totalRows > 0 ? this.getFirstRenderedRow() : 0;
       const startColumn = totalColumns > 0 ? this.getFirstRenderedColumn() : 0;
       this.rowFilter = new _row.default(startRow, totalRows, columnHeadersCount);
       this.columnFilter = new _column.default(startColumn, totalColumns, rowHeadersCount);
       let performRedraw = true;
-      this.alignOverlaysWithTrimmingContainer(); // todo It calls method from child class (MasterTable).
-      const skipRender = {};
-      this.wtSettings.getSetting('beforeDraw', true, skipRender);
-      performRedraw = skipRender.skipRender !== true;
+
+      // Only master table rendering can be skipped
+      if (this.isMaster) {
+        this.alignOverlaysWithTrimmingContainer(); // todo It calls method from child class (MasterTable).
+        const skipRender = {};
+        this.wtSettings.getSetting('beforeDraw', true, skipRender);
+        performRedraw = skipRender.skipRender !== true;
+      }
       if (performRedraw) {
         this.tableRenderer.setHeaderContentRenderers(rowHeaders, columnHeaders);
+        if (this.is(_overlay.CLONE_BOTTOM) || this.is(_overlay.CLONE_BOTTOM_INLINE_START_CORNER)) {
+          // do NOT render headers on the bottom or bottom-left corner overlay
+          this.tableRenderer.setHeaderContentRenderers(rowHeaders, []);
+        }
         this.resetOversizedRows();
         this.tableRenderer.setActiveOverlayName(this.name).setViewportSize(this.getRenderedRowsCount(), this.getRenderedColumnsCount()).setFilters(this.rowFilter, this.columnFilter).render();
-        this.markOversizedColumnHeaders();
+        if (this.isMaster) {
+          this.markOversizedColumnHeaders();
+        }
         this.adjustColumnHeaderHeights();
-        this.markOversizedRows();
-        if (!this.wtSettings.getSetting('externalRowCalculator')) {
-          wtViewport.createVisibleCalculators();
+        if (this.isMaster || this.is(_overlay.CLONE_BOTTOM)) {
+          this.markOversizedRows();
+        }
+        if (this.isMaster) {
+          if (!this.wtSettings.getSetting('externalRowCalculator')) {
+            wtViewport.createVisibleCalculators();
+          }
+          wtOverlays.refresh(false);
+          wtOverlays.applyToDOM();
+          this.wtSettings.getSetting('onDraw', true);
+        } else if (this.is(_overlay.CLONE_BOTTOM)) {
+          this.dataAccessObject.cloneSource.wtOverlays.adjustElementsSize();
         }
-        wtOverlays.adjustElementsSize();
-        // wtOverlays.draw(fastDraw);
-
-        this.wtSettings.getSetting('onDraw', true);
       }
     }
-    this.dataAccessObject.selectionManager.setActiveOverlay(this.facadeGetter()).render(runFastDraw);
-    wtOverlays.afterDraw();
+    let positionChanged = false;
+    if (this.isMaster) {
+      positionChanged = wtOverlays.topOverlay.resetFixedPosition();
+      if (wtOverlays.bottomOverlay.clone) {
+        positionChanged = wtOverlays.bottomOverlay.resetFixedPosition() || positionChanged;
+      }
+      positionChanged = wtOverlays.inlineStartOverlay.resetFixedPosition() || positionChanged;
+      if (wtOverlays.topInlineStartCornerOverlay) {
+        wtOverlays.topInlineStartCornerOverlay.resetFixedPosition();
+      }
+      if (wtOverlays.bottomInlineStartCornerOverlay && wtOverlays.bottomInlineStartCornerOverlay.clone) {
+        wtOverlays.bottomInlineStartCornerOverlay.resetFixedPosition();
+      }
+    }
+    if (positionChanged) {
+      // It refreshes the cells borders caused by a 1px shift (introduced by overlays which add or
+      // remove `innerBorderTop` and `innerBorderInlineStart` CSS classes to the DOM element. This happens
+      // when there is a switch between rendering from 0 to N rows/columns and vice versa).
+      wtOverlays.refreshAll(); // `refreshAll()` internally already calls `refreshSelections()` method
+      wtOverlays.adjustElementsSize();
+    } else {
+      this.dataAccessObject.selectionManager.setActiveOverlay(this.facadeGetter()).render(runFastDraw);
+    }
+    if (this.isMaster) {
+      wtOverlays.afterDraw();
+    }
     this.dataAccessObject.drawn = true;
     return this;
   }
@@ -423,6 +415,9 @@ class Table {
     const {
       wtViewport
     } = this.dataAccessObject;
+    if (!this.isMaster && !this.is(_overlay.CLONE_BOTTOM)) {
+      return;
+    }
     if (!wtSettings.getSetting('externalRowCalculator')) {
       const rowsToRender = this.getRenderedRowsCount();
 
@@ -458,7 +453,7 @@ class Table {
   getCell(coords) {
     let row = coords.row;
     let column = coords.col;
-    const hookResult = this.wtSettings.getSetting('onModifyGetCellCoords', row, column, false, 'render');
+    const hookResult = this.wtSettings.getSetting('onModifyGetCellCoords', row, column, !this.isMaster, 'render');
     if (hookResult && Array.isArray(hookResult)) {
       [row, column] = hookResult;
     }

package/3rdparty/walkontable/src/table.mjs

@@ -2,7 +2,6 @@ import "core-js/modules/es.error.cause.js";
 import "core-js/modules/es.array.push.js";
 import "core-js/modules/esnext.iterator.constructor.js";
 import "core-js/modules/esnext.iterator.for-each.js";
-import "core-js/modules/esnext.iterator.map.js";
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
@@ -18,6 +17,7 @@ import { A11Y_PRESENTATION } from "../../../helpers/a11y.mjs";
 /**
  * @todo These mixes are never added to the class Table, however their members are used here.
  * @todo Continue: Potentially it works only, because some of these mixes are added to every inherited class.
+ * @todo Refactoring, move code from `if(this.isMaster)` into MasterTable, and others like that.
  * @mixes stickyColumnsStart
  * @mixes stickyRowsBottom
  * @mixes stickyRowsTop
@@ -74,6 +74,7 @@ class Table {
      *
      * @type {boolean}
      */
+    this.isMaster = name === 'master';
     this.name = name;
     this.dataAccessObject = dataAccessObject;
     this.facadeGetter = facadeGetter;
@@ -90,7 +91,9 @@ class Table {
     this.hider = this.createHider(this.spreader);
     this.holder = this.createHolder(this.hider);
     this.wtRootElement = this.holder.parentNode;
-    this.alignOverlaysWithTrimmingContainer(); // todo wow, It calls method from child class (MasterTable).
+    if (this.isMaster) {
+      this.alignOverlaysWithTrimmingContainer(); // todo wow, It calls method from child class (MasterTable).
+    }
     this.fixTableDomTree();
     this.rowFilter = null; // TODO refactoring, eliminate all (re)creations of this object, then updates state when needed.
     this.columnFilter = null; // TODO refactoring, eliminate all (re)creations of this object, then updates state when needed.
@@ -110,31 +113,7 @@ class Table {
       TBODY: this.TBODY,
       rowUtils: this.rowUtils,
       columnUtils: this.columnUtils,
-      cellRenderer: (row, column, TD) => {
-        const fixedColumnsStart = this.wtSettings.getSetting('fixedColumnsStart');
-        const fixedRowsTop = this.wtSettings.getSetting('fixedRowsTop');
-        this.wtSettings.getSettingPure('cellRenderer')(row, column, TD);
-        if (column < fixedColumnsStart) {
-          const left = this.dataAccessObject.wtViewport.getRowHeaderWidth() + this.dataAccessObject.wtOverlays.inlineStartOverlay.sumCellSizes(0, column);
-          TD.style.position = 'sticky';
-          TD.style.left = `${left}px`;
-          if (row < fixedRowsTop) {
-            TD.style.zIndex = '9';
-          } else {
-            TD.style.zIndex = '5';
-          }
-        }
-        if (row < fixedRowsTop) {
-          const top = this.dataAccessObject.wtViewport.getColumnHeaderHeight() + this.dataAccessObject.wtOverlays.topOverlay.sumCellSizes(0, row);
-          TD.style.position = 'sticky';
-          TD.style.top = `${top}px`;
-          if (column < fixedColumnsStart) {
-            TD.style.zIndex = '10';
-          } else {
-            TD.style.zIndex = '6';
-          }
-        }
-      },
+      cellRenderer: this.wtSettings.getSettingPure('cellRenderer'),
       stylesHandler: this.dataAccessObject.stylesHandler
     });
   }
@@ -234,10 +213,12 @@ class Table {
         // if TABLE is detached (e.g. in Jasmine test), it has no parentNode so we cannot attach holder to it
         parent.insertBefore(holder, hider);
       }
-      holder.parentNode.className += 'ht_master handsontable';
-      holder.parentNode.setAttribute('dir', this.wtSettings.getSettingPure('rtlMode') ? 'rtl' : 'ltr');
-      if (this.wtSettings.getSetting('ariaTags')) {
-        setAttribute(holder.parentNode, [A11Y_PRESENTATION()]);
+      if (this.isMaster) {
+        holder.parentNode.className += 'ht_master handsontable';
+        holder.parentNode.setAttribute('dir', this.wtSettings.getSettingPure('rtlMode') ? 'rtl' : 'ltr');
+        if (this.wtSettings.getSetting('ariaTags')) {
+          setAttribute(holder.parentNode, [A11Y_PRESENTATION()]);
+        }
       }
       holder.appendChild(hider);
     }
@@ -265,89 +246,100 @@ class Table {
     } = this.dataAccessObject;
     const totalRows = wtSettings.getSetting('totalRows');
     const totalColumns = wtSettings.getSetting('totalColumns');
-    const rowHeaders = wtSettings.getSetting('rowHeaders').map(origRowRenderer => {
-      return (row, TH, column) => {
-        const fixedRowsTop = this.wtSettings.getSetting('fixedRowsTop');
-        const fixedColumnsStart = this.wtSettings.getSetting('fixedColumnsStart');
-        if (row < fixedRowsTop) {
-          let top = 0;
-          if (row >= 0) {
-            top = this.dataAccessObject.wtViewport.getColumnHeaderHeight() + this.dataAccessObject.wtOverlays.topOverlay.sumCellSizes(0, row);
-          }
-          TH.style.top = `${top}px`;
-          if (column < fixedColumnsStart) {
-            TH.style.zIndex = '20';
-          } else {
-            TH.style.zIndex = '10';
-          }
-        } else {
-          TH.style.top = '0px';
-          TH.style.zIndex = '3';
-        }
-        origRowRenderer(row, TH, column);
-        TH.style.position = 'sticky';
-        TH.style.left = '0px';
-      };
-    });
+    const rowHeaders = wtSettings.getSetting('rowHeaders');
     const rowHeadersCount = rowHeaders.length;
-    const columnHeaders = wtSettings.getSetting('columnHeaders').map(origColumnRenderer => {
-      return (column, TH, row) => {
-        const fixedRowsTop = this.wtSettings.getSetting('fixedRowsTop');
-        const fixedColumnsStart = this.wtSettings.getSetting('fixedColumnsStart');
-        if (column < fixedColumnsStart) {
-          let left = 0;
-          if (column >= 0) {
-            left = this.dataAccessObject.wtViewport.getRowHeaderWidth() + this.dataAccessObject.wtOverlays.inlineStartOverlay.sumCellSizes(0, column);
-          }
-          TH.style.left = `${left}px`;
-          if (row < fixedRowsTop) {
-            TH.style.zIndex = '20';
-          } else {
-            TH.style.zIndex = '10';
-          }
-        } else {
-          TH.style.zIndex = '3';
-          TH.style.left = '0px';
-        }
-        origColumnRenderer(column, TH, row);
-        TH.style.position = 'sticky';
-        TH.style.top = '0px';
-      };
-    });
+    const columnHeaders = wtSettings.getSetting('columnHeaders');
     const columnHeadersCount = columnHeaders.length;
     let runFastDraw = fastDraw;
-    wtOverlays.beforeDraw();
-    this.holderOffset = offset(this.holder);
-    runFastDraw = wtViewport.createCalculators(runFastDraw);
-    if (!runFastDraw) {
-      this.tableOffset = offset(this.TABLE);
+    if (this.isMaster) {
+      wtOverlays.beforeDraw();
+      this.holderOffset = offset(this.holder);
+      runFastDraw = wtViewport.createCalculators(runFastDraw);
+      if (rowHeadersCount && !wtSettings.getSetting('fixedColumnsStart')) {
+        const leftScrollPos = wtOverlays.inlineStartOverlay.getScrollPosition();
+        const previousState = this.correctHeaderWidth;
+        this.correctHeaderWidth = leftScrollPos !== 0;
+        if (previousState !== this.correctHeaderWidth) {
+          runFastDraw = false;
+        }
+      }
+    }
+    if (runFastDraw) {
+      if (this.isMaster) {
+        wtOverlays.refresh(true);
+      }
+    } else {
+      if (this.isMaster) {
+        this.tableOffset = offset(this.TABLE);
+      } else {
+        this.tableOffset = this.dataAccessObject.parentTableOffset;
+      }
       const startRow = totalRows > 0 ? this.getFirstRenderedRow() : 0;
       const startColumn = totalColumns > 0 ? this.getFirstRenderedColumn() : 0;
       this.rowFilter = new RowFilter(startRow, totalRows, columnHeadersCount);
       this.columnFilter = new ColumnFilter(startColumn, totalColumns, rowHeadersCount);
       let performRedraw = true;
-      this.alignOverlaysWithTrimmingContainer(); // todo It calls method from child class (MasterTable).
-      const skipRender = {};
-      this.wtSettings.getSetting('beforeDraw', true, skipRender);
-      performRedraw = skipRender.skipRender !== true;
+
+      // Only master table rendering can be skipped
+      if (this.isMaster) {
+        this.alignOverlaysWithTrimmingContainer(); // todo It calls method from child class (MasterTable).
+        const skipRender = {};
+        this.wtSettings.getSetting('beforeDraw', true, skipRender);
+        performRedraw = skipRender.skipRender !== true;
+      }
       if (performRedraw) {
         this.tableRenderer.setHeaderContentRenderers(rowHeaders, columnHeaders);
+        if (this.is(CLONE_BOTTOM) || this.is(CLONE_BOTTOM_INLINE_START_CORNER)) {
+          // do NOT render headers on the bottom or bottom-left corner overlay
+          this.tableRenderer.setHeaderContentRenderers(rowHeaders, []);
+        }
         this.resetOversizedRows();
         this.tableRenderer.setActiveOverlayName(this.name).setViewportSize(this.getRenderedRowsCount(), this.getRenderedColumnsCount()).setFilters(this.rowFilter, this.columnFilter).render();
-        this.markOversizedColumnHeaders();
+        if (this.isMaster) {
+          this.markOversizedColumnHeaders();
+        }
         this.adjustColumnHeaderHeights();
-        this.markOversizedRows();
-        if (!this.wtSettings.getSetting('externalRowCalculator')) {
-          wtViewport.createVisibleCalculators();
+        if (this.isMaster || this.is(CLONE_BOTTOM)) {
+          this.markOversizedRows();
+        }
+        if (this.isMaster) {
+          if (!this.wtSettings.getSetting('externalRowCalculator')) {
+            wtViewport.createVisibleCalculators();
+          }
+          wtOverlays.refresh(false);
+          wtOverlays.applyToDOM();
+          this.wtSettings.getSetting('onDraw', true);
+        } else if (this.is(CLONE_BOTTOM)) {
+          this.dataAccessObject.cloneSource.wtOverlays.adjustElementsSize();
         }
-        wtOverlays.adjustElementsSize();
-        // wtOverlays.draw(fastDraw);
-
-        this.wtSettings.getSetting('onDraw', true);
       }
     }
-    this.dataAccessObject.selectionManager.setActiveOverlay(this.facadeGetter()).render(runFastDraw);
-    wtOverlays.afterDraw();
+    let positionChanged = false;
+    if (this.isMaster) {
+      positionChanged = wtOverlays.topOverlay.resetFixedPosition();
+      if (wtOverlays.bottomOverlay.clone) {
+        positionChanged = wtOverlays.bottomOverlay.resetFixedPosition() || positionChanged;
+      }
+      positionChanged = wtOverlays.inlineStartOverlay.resetFixedPosition() || positionChanged;
+      if (wtOverlays.topInlineStartCornerOverlay) {
+        wtOverlays.topInlineStartCornerOverlay.resetFixedPosition();
+      }
+      if (wtOverlays.bottomInlineStartCornerOverlay && wtOverlays.bottomInlineStartCornerOverlay.clone) {
+        wtOverlays.bottomInlineStartCornerOverlay.resetFixedPosition();
+      }
+    }
+    if (positionChanged) {
+      // It refreshes the cells borders caused by a 1px shift (introduced by overlays which add or
+      // remove `innerBorderTop` and `innerBorderInlineStart` CSS classes to the DOM element. This happens
+      // when there is a switch between rendering from 0 to N rows/columns and vice versa).
+      wtOverlays.refreshAll(); // `refreshAll()` internally already calls `refreshSelections()` method
+      wtOverlays.adjustElementsSize();
+    } else {
+      this.dataAccessObject.selectionManager.setActiveOverlay(this.facadeGetter()).render(runFastDraw);
+    }
+    if (this.isMaster) {
+      wtOverlays.afterDraw();
+    }
     this.dataAccessObject.drawn = true;
     return this;
   }
@@ -419,6 +411,9 @@ class Table {
     const {
       wtViewport
     } = this.dataAccessObject;
+    if (!this.isMaster && !this.is(CLONE_BOTTOM)) {
+      return;
+    }
     if (!wtSettings.getSetting('externalRowCalculator')) {
       const rowsToRender = this.getRenderedRowsCount();
 
@@ -454,7 +449,7 @@ class Table {
   getCell(coords) {
     let row = coords.row;
     let column = coords.col;
-    const hookResult = this.wtSettings.getSetting('onModifyGetCellCoords', row, column, false, 'render');
+    const hookResult = this.wtSettings.getSetting('onModifyGetCellCoords', row, column, !this.isMaster, 'render');
     if (hookResult && Array.isArray(hookResult)) {
       [row, column] = hookResult;
     }

package/base.js

@@ -45,8 +45,8 @@ Handsontable.hooks = _hooks.Hooks.getSingleton();
 Handsontable.CellCoords = _src.CellCoords;
 Handsontable.CellRange = _src.CellRange;
 Handsontable.packageName = 'handsontable';
-Handsontable.buildDate = "21/01/2025 09:22:44";
-Handsontable.version = "0.0.0-next-f52ab71-20250121";
+Handsontable.buildDate = "21/01/2025 11:19:43";
+Handsontable.version = "0.0.0-next-8d1d868-20250121";
 Handsontable.languages = {
   dictionaryKeys: _registry.dictionaryKeys,
   getLanguageDictionary: _registry.getLanguageDictionary,

package/base.mjs

@@ -35,8 +35,8 @@ Handsontable.hooks = Hooks.getSingleton();
 Handsontable.CellCoords = CellCoords;
 Handsontable.CellRange = CellRange;
 Handsontable.packageName = 'handsontable';
-Handsontable.buildDate = "21/01/2025 09:22:49";
-Handsontable.version = "0.0.0-next-f52ab71-20250121";
+Handsontable.buildDate = "21/01/2025 11:19:49";
+Handsontable.version = "0.0.0-next-8d1d868-20250121";
 Handsontable.languages = {
   dictionaryKeys,
   getLanguageDictionary,

package/dist/handsontable.css

@@ -25,11 +25,9 @@
  * INDIRECT, SPECIAL, INCIDENTAL, OR CONSEQUENTIAL DAMAGES OF ANY CHARACTER ARISING FROM
  * USE OR INABILITY TO USE THIS SOFTWARE.
  *
- * Version: 0.0.0-next-f52ab71-20250121
- * Release date: 16/12/2024 (built at 21/01/2025 09:23:12)
+ * Version: 0.0.0-next-8d1d868-20250121
+ * Release date: 16/12/2024 (built at 21/01/2025 11:20:13)
  */
-@charset "UTF-8";
-
 /**
  * Fix for bootstrap styles
  */
@@ -358,12 +356,20 @@ innerBorderBottom - Property controlled by bottom overlay
   overflow: auto;
 }
 
+.handsontable .ht_master table.htCore > thead,
+.handsontable .ht_master table.htCore > tbody > tr > th,
+.handsontable .ht_clone_inline_start table.htCore > thead {
+  visibility: hidden;
+}
+
 .ht_clone_top .wtHolder,
 .ht_clone_inline_start .wtHolder,
 .ht_clone_bottom .wtHolder {
   overflow: hidden;
 }
 
+@charset "UTF-8";
+
 .handsontable {
   position: relative;
   touch-action: manipulation;
@@ -1159,6 +1165,8 @@ textarea.HandsontableCopyPaste {
   outline: 0 none !important;
 }
 
+@charset "UTF-8";
+
 /*!
  * Handsontable DropdownMenu
  */
@@ -1307,6 +1315,8 @@ textarea.HandsontableCopyPaste {
   overflow: hidden;
 }
 
+@charset "UTF-8";
+
 /*!
  * Handsontable Filters
  */
@@ -1652,6 +1662,8 @@ textarea.HandsontableCopyPaste {
   padding-bottom: 5px;
 }
 
+@charset "UTF-8";
+
 /*
  * Handsontable HiddenColumns
  */
@@ -1710,6 +1722,8 @@ textarea.HandsontableCopyPaste {
   content: "◀"; /* left arrow */
 }
 
+@charset "UTF-8";
+
 /*!
  * Handsontable HiddenRows
  */
@@ -1976,6 +1990,8 @@ textarea.HandsontableCopyPaste {
   display: none;
 }
 
+@charset "UTF-8";
+
 .handsontable th.ht_nestingLevels {
   text-align: left;
   padding-left: 7px;