handsontable 0.0.0-next-b93496c-20241118 → 0.0.0-next-0407ae0-20241118

package/plugins/contextMenu/menu/menu.mjs

@@ -158,12 +158,6 @@ export class Menu {
         return _this.parentMenu.runLocalHooks('afterSelectionChange', ...args);
       });
     }
-    this.hot.addHook('afterSetTheme', (themeName, firstRun) => {
-      if (!firstRun) {
-        var _this$hotMenu;
-        (_this$hotMenu = this.hotMenu) === null || _this$hotMenu === void 0 || _this$hotMenu.useTheme(themeName);
-      }
-    });
   }
 
   /**
@@ -288,7 +282,6 @@ export class Menu {
       disableVisualSelection: 'area',
       layoutDirection: this.hot.isRtl() ? 'rtl' : 'ltr',
       ariaTags: false,
-      themeName: this.hot.getCurrentThemeName(),
       beforeOnCellMouseOver: (event, coords) => {
         _classPrivateFieldGet(_navigator, this).setCurrentPage(coords.row);
       },
@@ -582,8 +575,10 @@ export class Menu {
       const currentRowHeight = itemCell ? outerHeight(this.hotMenu.getCell(index, 0)) : 0;
       return accumulator + (value.name === SEPARATOR ? 1 : currentRowHeight);
     }, 0);
-    holderStyle.width = `${currentHiderWidth}px`;
-    holderStyle.height = `${realHeight}px`;
+
+    // Additional 3px to menu's size because of additional border around its `table.htCore`.
+    holderStyle.width = `${currentHiderWidth + 3}px`;
+    holderStyle.height = `${realHeight + 3}px`;
     hiderStyle.height = holderStyle.height;
   }
 

package/plugins/filters/ui/multipleSelect.js

@@ -265,15 +265,9 @@ class MultipleSelectUI extends _base.BaseUI {
           row: 1,
           col: 0
         },
-        themeName: this.hot.getCurrentThemeName(),
         layoutDirection: this.hot.isRtl() ? 'rtl' : 'ltr'
       }));
       _classPrivateFieldGet(_itemsBox, this).init();
-      this.hot.addHook('afterSetTheme', (themeName, firstRun) => {
-        if (!firstRun) {
-          _classPrivateFieldGet(_itemsBox, this).useTheme(themeName);
-        }
-      });
       const shortcutManager = _classPrivateFieldGet(_itemsBox, this).getShortcutManager();
       const gridContext = shortcutManager.getContext('grid');
       gridContext.removeShortcutsByKeys(['Tab']);

package/plugins/filters/ui/multipleSelect.mjs

@@ -260,15 +260,9 @@ export class MultipleSelectUI extends BaseUI {
           row: 1,
           col: 0
         },
-        themeName: this.hot.getCurrentThemeName(),
         layoutDirection: this.hot.isRtl() ? 'rtl' : 'ltr'
       }));
       _classPrivateFieldGet(_itemsBox, this).init();
-      this.hot.addHook('afterSetTheme', (themeName, firstRun) => {
-        if (!firstRun) {
-          _classPrivateFieldGet(_itemsBox, this).useTheme(themeName);
-        }
-      });
       const shortcutManager = _classPrivateFieldGet(_itemsBox, this).getShortcutManager();
       const gridContext = shortcutManager.getContext('grid');
       gridContext.removeShortcutsByKeys(['Tab']);

package/plugins/manualRowMove/manualRowMove.js

@@ -319,7 +319,7 @@ class ManualRowMove extends _base.BasePlugin {
     for (let visualRowIndex = fromRow; visualRowIndex <= toRow; visualRowIndex++) {
       const renderableIndex = rowMapper.getRenderableFromVisualIndex(visualRowIndex);
       if (renderableIndex !== null) {
-        rowsHeight += this.hot.view._wt.wtTable.getRowHeight(renderableIndex) || this.hot.view.getDefaultRowHeight();
+        rowsHeight += this.hot.view._wt.wtTable.getRowHeight(renderableIndex) || 23;
       }
     }
     return rowsHeight;

package/plugins/manualRowMove/manualRowMove.mjs

@@ -315,7 +315,7 @@ export class ManualRowMove extends BasePlugin {
     for (let visualRowIndex = fromRow; visualRowIndex <= toRow; visualRowIndex++) {
       const renderableIndex = rowMapper.getRenderableFromVisualIndex(visualRowIndex);
       if (renderableIndex !== null) {
-        rowsHeight += this.hot.view._wt.wtTable.getRowHeight(renderableIndex) || this.hot.view.getDefaultRowHeight();
+        rowsHeight += this.hot.view._wt.wtTable.getRowHeight(renderableIndex) || 23;
       }
     }
     return rowsHeight;

package/plugins/manualRowResize/manualRowResize.js

@@ -10,6 +10,7 @@ var _element = require("../../helpers/dom/element");
 var _array = require("../../helpers/array");
 var _number = require("../../helpers/number");
 var _translations = require("../../translations");
+var _src = require("../../3rdparty/walkontable/src");
 function _classPrivateMethodInitSpec(e, a) { _checkPrivateRedeclaration(e, a), a.add(e); }
 function _classPrivateFieldInitSpec(e, t, a) { _checkPrivateRedeclaration(e, t), t.set(e, a); }
 function _checkPrivateRedeclaration(e, t) { if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object"); }
@@ -228,7 +229,7 @@ class ManualRowResize extends _base.BasePlugin {
    */
   setManualSize(row, height) {
     const physicalRow = this.hot.toPhysicalRow(row);
-    const newHeight = Math.max(height, this.hot.view.getDefaultRowHeight());
+    const newHeight = Math.max(height, _src.DEFAULT_ROW_HEIGHT);
     _classPrivateFieldGet(_rowHeightsMap, this).setValueAtIndex(physicalRow, newHeight);
     return newHeight;
   }

package/plugins/manualRowResize/manualRowResize.mjs

@@ -12,7 +12,8 @@ import { BasePlugin } from "../base/index.mjs";
 import { addClass, closest, hasClass, removeClass, outerWidth, isDetached } from "../../helpers/dom/element.mjs";
 import { arrayEach } from "../../helpers/array.mjs";
 import { rangeEach } from "../../helpers/number.mjs";
-import { PhysicalIndexToValueMap as IndexToValueMap } from "../../translations/index.mjs"; // Developer note! Whenever you make a change in this file, make an analogous change in manualColumnResize.js
+import { PhysicalIndexToValueMap as IndexToValueMap } from "../../translations/index.mjs";
+import { DEFAULT_ROW_HEIGHT } from "../../3rdparty/walkontable/src/index.mjs"; // Developer note! Whenever you make a change in this file, make an analogous change in manualColumnResize.js
 export const PLUGIN_KEY = 'manualRowResize';
 export const PLUGIN_PRIORITY = 30;
 const PERSISTENT_STATE_KEY = 'manualRowHeights';
@@ -223,7 +224,7 @@ export class ManualRowResize extends BasePlugin {
    */
   setManualSize(row, height) {
     const physicalRow = this.hot.toPhysicalRow(row);
-    const newHeight = Math.max(height, this.hot.view.getDefaultRowHeight());
+    const newHeight = Math.max(height, DEFAULT_ROW_HEIGHT);
     _classPrivateFieldGet(_rowHeightsMap, this).setValueAtIndex(physicalRow, newHeight);
     return newHeight;
   }

package/plugins/mergeCells/mergeCells.js

@@ -1496,7 +1496,7 @@ function _onModifyRowHeightByOverlayName(height, row, overlayType) {
  * @returns {number}
  */
 function _sumCellsHeights(row, rowspan) {
-  const defaultHeight = this.hot.view.getDefaultRowHeight();
+  const defaultHeight = this.hot.view._wt.wtSettings.getSettingPure('defaultRowHeight');
   const autoRowSizePlugin = this.hot.getPlugin('autoRowSize');
   let height = 0;
   for (let i = row; i < row + rowspan; i++) {

package/plugins/mergeCells/mergeCells.mjs

@@ -1491,7 +1491,7 @@ function _onModifyRowHeightByOverlayName(height, row, overlayType) {
  * @returns {number}
  */
 function _sumCellsHeights(row, rowspan) {
-  const defaultHeight = this.hot.view.getDefaultRowHeight();
+  const defaultHeight = this.hot.view._wt.wtSettings.getSettingPure('defaultRowHeight');
   const autoRowSizePlugin = this.hot.getPlugin('autoRowSize');
   let height = 0;
   for (let i = row; i < row + rowspan; i++) {

package/plugins/nestedRows/ui/headers.js

@@ -125,13 +125,7 @@ class HeadersUI extends _base.default {
     if (!deepestLevelIndex) {
       deepestLevelIndex = this.dataManager.cache.levelCount;
     }
-    const stylesHandler = this.hot.view.getStylesHandler();
-    let completeVerticalPadding = 11;
-    if (!stylesHandler.isClassicTheme()) {
-      const verticalPadding = stylesHandler.getCSSVariableValue('cell-horizontal-padding');
-      completeVerticalPadding = verticalPadding * 2;
-    }
-    this.rowHeaderWidthCache = Math.max(50, completeVerticalPadding + 10 * deepestLevelIndex + 25);
+    this.rowHeaderWidthCache = Math.max(50, 11 + 10 * deepestLevelIndex + 25);
     this.hot.render();
   }
 }

package/plugins/nestedRows/ui/headers.mjs

@@ -121,13 +121,7 @@ class HeadersUI extends BaseUI {
     if (!deepestLevelIndex) {
       deepestLevelIndex = this.dataManager.cache.levelCount;
     }
-    const stylesHandler = this.hot.view.getStylesHandler();
-    let completeVerticalPadding = 11;
-    if (!stylesHandler.isClassicTheme()) {
-      const verticalPadding = stylesHandler.getCSSVariableValue('cell-horizontal-padding');
-      completeVerticalPadding = verticalPadding * 2;
-    }
-    this.rowHeaderWidthCache = Math.max(50, completeVerticalPadding + 10 * deepestLevelIndex + 25);
+    this.rowHeaderWidthCache = Math.max(50, 11 + 10 * deepestLevelIndex + 25);
     this.hot.render();
   }
 }

package/plugins/stretchColumns/calculator.js

@@ -127,12 +127,11 @@ function _willVerticalScrollAppear() {
   }
   const viewportHeight = view.getViewportHeight();
   const totalRows = _classPrivateFieldGet(_hot, this).countRows();
-  const defaultRowHeight = view.getStylesHandler().getDefaultRowHeight();
   let totalHeight = 0;
   let hasVerticalScroll = false;
   for (let row = 0; row < totalRows; row++) {
     var _classPrivateFieldGet2;
-    totalHeight += ((_classPrivateFieldGet2 = _classPrivateFieldGet(_hot, this).getRowHeight(row)) !== null && _classPrivateFieldGet2 !== void 0 ? _classPrivateFieldGet2 : defaultRowHeight) + (row === 0 ? 1 : 0);
+    totalHeight += ((_classPrivateFieldGet2 = _classPrivateFieldGet(_hot, this).getRowHeight(row)) !== null && _classPrivateFieldGet2 !== void 0 ? _classPrivateFieldGet2 : _src.DEFAULT_ROW_HEIGHT) + (row === 0 ? 1 : 0);
     if (totalHeight > viewportHeight) {
       hasVerticalScroll = true;
       break;

package/plugins/stretchColumns/calculator.mjs

@@ -7,7 +7,7 @@ function _checkPrivateRedeclaration(e, t) { if (t.has(e)) throw new TypeError("C
 function _classPrivateFieldGet(s, a) { return s.get(_assertClassBrand(s, a)); }
 function _classPrivateFieldSet(s, a, r) { return s.set(_assertClassBrand(s, a), r), r; }
 function _assertClassBrand(e, t, n) { if ("function" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n; throw new TypeError("Private element is not present on this object"); }
-import { DEFAULT_COLUMN_WIDTH } from "../../3rdparty/walkontable/src/index.mjs";
+import { DEFAULT_COLUMN_WIDTH, DEFAULT_ROW_HEIGHT } from "../../3rdparty/walkontable/src/index.mjs";
 import { getScrollbarWidth } from "../../helpers/dom/element.mjs";
 import { StretchAllStrategy } from "./strategies/all.mjs";
 import { StretchLastStrategy } from "./strategies/last.mjs";
@@ -123,12 +123,11 @@ function _willVerticalScrollAppear() {
   }
   const viewportHeight = view.getViewportHeight();
   const totalRows = _classPrivateFieldGet(_hot, this).countRows();
-  const defaultRowHeight = view.getStylesHandler().getDefaultRowHeight();
   let totalHeight = 0;
   let hasVerticalScroll = false;
   for (let row = 0; row < totalRows; row++) {
     var _classPrivateFieldGet2;
-    totalHeight += ((_classPrivateFieldGet2 = _classPrivateFieldGet(_hot, this).getRowHeight(row)) !== null && _classPrivateFieldGet2 !== void 0 ? _classPrivateFieldGet2 : defaultRowHeight) + (row === 0 ? 1 : 0);
+    totalHeight += ((_classPrivateFieldGet2 = _classPrivateFieldGet(_hot, this).getRowHeight(row)) !== null && _classPrivateFieldGet2 !== void 0 ? _classPrivateFieldGet2 : DEFAULT_ROW_HEIGHT) + (row === 0 ? 1 : 0);
     if (totalHeight > viewportHeight) {
       hasVerticalScroll = true;
       break;

package/renderers/checkboxRenderer/checkboxRenderer.js

@@ -302,13 +302,16 @@ function checkboxRenderer(hotInstance, TD, row, col, prop, value, cellProperties
       const bottomRight = selRange[key].getBottomEndCorner();
       for (let visualRow = topLeft.row; visualRow <= bottomRight.row; visualRow++) {
         for (let visualColumn = topLeft.col; visualColumn <= bottomRight.col; visualColumn++) {
-          const cachedCellProperties = hotInstance.getCellMeta(visualRow, visualColumn);
+          const cellMeta = hotInstance.getCellMeta(visualRow, visualColumn);
+
+          /* eslint-disable no-continue */
+          if (cellMeta.readOnly) {
+            continue;
+          }
           const cell = hotInstance.getCell(visualRow, visualColumn);
-          if (cell === null || cell === undefined) {
-            return true;
-          } else {
+          if (cell instanceof HTMLElement) {
             const checkboxes = cell.querySelectorAll('input[type=checkbox]');
-            if (checkboxes.length > 0 && !cachedCellProperties.readOnly) {
+            if (checkboxes.length > 0) {
               return true;
             }
           }

package/renderers/checkboxRenderer/checkboxRenderer.mjs

@@ -297,13 +297,16 @@ export function checkboxRenderer(hotInstance, TD, row, col, prop, value, cellPro
       const bottomRight = selRange[key].getBottomEndCorner();
       for (let visualRow = topLeft.row; visualRow <= bottomRight.row; visualRow++) {
         for (let visualColumn = topLeft.col; visualColumn <= bottomRight.col; visualColumn++) {
-          const cachedCellProperties = hotInstance.getCellMeta(visualRow, visualColumn);
+          const cellMeta = hotInstance.getCellMeta(visualRow, visualColumn);
+
+          /* eslint-disable no-continue */
+          if (cellMeta.readOnly) {
+            continue;
+          }
           const cell = hotInstance.getCell(visualRow, visualColumn);
-          if (cell === null || cell === undefined) {
-            return true;
-          } else {
+          if (cell instanceof HTMLElement) {
             const checkboxes = cell.querySelectorAll('input[type=checkbox]');
-            if (checkboxes.length > 0 && !cachedCellProperties.readOnly) {
+            if (checkboxes.length > 0) {
               return true;
             }
           }

package/settings.d.ts

@@ -214,7 +214,6 @@ export interface GridSettings extends Events {
   strict?: boolean;
   tableClassName?: string | string[];
   tabMoves?: CellCoords | SimpleCellCoords | ((event: KeyboardEvent) => CellCoords | SimpleCellCoords);
-  themeName?: string;
   title?: string;
   trimDropdown?: boolean;
   trimRows?: TrimRowsSettings;

package/tableView.js

@@ -587,52 +587,6 @@ class TableView {
     return count;
   }
 
-  /**
-   * Retrieves the styles handler from the Walkontable instance.
-   *
-   * @returns {StylesHandler} The styles handler instance.
-   */
-  getStylesHandler() {
-    return this._wt.stylesHandler;
-  }
-
-  /**
-   * Returns the default row height.
-   *
-   * This method retrieves the default row height from the Walkontable styles handler.
-   *
-   * @returns {number} The default row height.
-   */
-  getDefaultRowHeight() {
-    return this._wt.stylesHandler.getDefaultRowHeight();
-  }
-
-  /**
-   * Add a class name to the license information element.
-   *
-   * @param {string} className The class name to add.
-   */
-  addClassNameToLicenseElement(className) {
-    var _this$hot$rootElement;
-    const licenseInfoElement = (_this$hot$rootElement = this.hot.rootElement.parentNode) === null || _this$hot$rootElement === void 0 ? void 0 : _this$hot$rootElement.querySelector('.hot-display-license-info');
-    if (licenseInfoElement) {
-      (0, _element.addClass)(licenseInfoElement, className);
-    }
-  }
-
-  /**
-   * Remove a class name from the license information element.
-   *
-   * @param {string} className The class name to remove.
-   */
-  removeClassNameFromLicenseElement(className) {
-    var _this$hot$rootElement2;
-    const licenseInfoElement = (_this$hot$rootElement2 = this.hot.rootElement.parentNode) === null || _this$hot$rootElement2 === void 0 ? void 0 : _this$hot$rootElement2.querySelector('.hot-display-license-info');
-    if (licenseInfoElement) {
-      (0, _element.removeClass)(licenseInfoElement, className);
-    }
-  }
-
   /**
    * Checks if at least one cell than belongs to the main table is not covered by the top, left or
    * bottom overlay.

package/tableView.mjs

@@ -9,7 +9,7 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
 function _classPrivateFieldGet(s, a) { return s.get(_assertClassBrand(s, a)); }
 function _classPrivateFieldSet(s, a, r) { return s.set(_assertClassBrand(s, a), r), r; }
 function _assertClassBrand(e, t, n) { if ("function" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n; throw new TypeError("Private element is not present on this object"); }
-import { addClass, removeClass, clearTextSelection, empty, fastInnerHTML, fastInnerText, getScrollbarWidth, hasClass, isChildOf, isInput, isOutsideInput, isVisible, setAttribute, getParentWindow } from "./helpers/dom/element.mjs";
+import { addClass, clearTextSelection, empty, fastInnerHTML, fastInnerText, getScrollbarWidth, hasClass, isChildOf, isInput, isOutsideInput, isVisible, setAttribute, getParentWindow } from "./helpers/dom/element.mjs";
 import EventManager from "./eventManager.mjs";
 import { isImmediatePropagationStopped, isRightClick, isLeftClick } from "./helpers/dom/event.mjs";
 import Walkontable from "./3rdparty/walkontable/src/index.mjs";
@@ -583,52 +583,6 @@ class TableView {
     return count;
   }
 
-  /**
-   * Retrieves the styles handler from the Walkontable instance.
-   *
-   * @returns {StylesHandler} The styles handler instance.
-   */
-  getStylesHandler() {
-    return this._wt.stylesHandler;
-  }
-
-  /**
-   * Returns the default row height.
-   *
-   * This method retrieves the default row height from the Walkontable styles handler.
-   *
-   * @returns {number} The default row height.
-   */
-  getDefaultRowHeight() {
-    return this._wt.stylesHandler.getDefaultRowHeight();
-  }
-
-  /**
-   * Add a class name to the license information element.
-   *
-   * @param {string} className The class name to add.
-   */
-  addClassNameToLicenseElement(className) {
-    var _this$hot$rootElement;
-    const licenseInfoElement = (_this$hot$rootElement = this.hot.rootElement.parentNode) === null || _this$hot$rootElement === void 0 ? void 0 : _this$hot$rootElement.querySelector('.hot-display-license-info');
-    if (licenseInfoElement) {
-      addClass(licenseInfoElement, className);
-    }
-  }
-
-  /**
-   * Remove a class name from the license information element.
-   *
-   * @param {string} className The class name to remove.
-   */
-  removeClassNameFromLicenseElement(className) {
-    var _this$hot$rootElement2;
-    const licenseInfoElement = (_this$hot$rootElement2 = this.hot.rootElement.parentNode) === null || _this$hot$rootElement2 === void 0 ? void 0 : _this$hot$rootElement2.querySelector('.hot-display-license-info');
-    if (licenseInfoElement) {
-      removeClass(licenseInfoElement, className);
-    }
-  }
-
   /**
    * Checks if at least one cell than belongs to the main table is not covered by the top, left or
    * bottom overlay.

package/utils/autoResize.js

@@ -77,7 +77,6 @@ function createInputElementResizer(ownerDocument) {
    * Resizes the element.
    */
   function resize() {
-    var _getComputedStyle, _getComputedStyle2;
     textHolder.textContent = observedElement.value;
     // Won't expand the element size for displaying body as for example, `grid`, `inline-grid` or `flex` with
     // `flex-direction` set as `column`.
@@ -86,9 +85,7 @@ function createInputElementResizer(ownerDocument) {
     textContainer.style.fontFamily = getComputedStyle(observedElement).fontFamily;
     textContainer.style.whiteSpace = 'pre';
     body.appendChild(textContainer);
-    const paddingStart = parseInt(((_getComputedStyle = getComputedStyle(observedElement)) === null || _getComputedStyle === void 0 ? void 0 : _getComputedStyle.paddingInlineStart) || 0, 10);
-    const paddingEnd = parseInt(((_getComputedStyle2 = getComputedStyle(observedElement)) === null || _getComputedStyle2 === void 0 ? void 0 : _getComputedStyle2.paddingInlineEnd) || 0, 10);
-    const width = textContainer.clientWidth + 2 + paddingStart + paddingEnd;
+    const width = textContainer.clientWidth + 2;
     body.removeChild(textContainer);
     const elementStyle = observedElement.style;
     elementStyle.height = `${defaults.minHeight}px`;

package/utils/autoResize.mjs

@@ -73,7 +73,6 @@ export function createInputElementResizer(ownerDocument) {
    * Resizes the element.
    */
   function resize() {
-    var _getComputedStyle, _getComputedStyle2;
     textHolder.textContent = observedElement.value;
     // Won't expand the element size for displaying body as for example, `grid`, `inline-grid` or `flex` with
     // `flex-direction` set as `column`.
@@ -82,9 +81,7 @@ export function createInputElementResizer(ownerDocument) {
     textContainer.style.fontFamily = getComputedStyle(observedElement).fontFamily;
     textContainer.style.whiteSpace = 'pre';
     body.appendChild(textContainer);
-    const paddingStart = parseInt(((_getComputedStyle = getComputedStyle(observedElement)) === null || _getComputedStyle === void 0 ? void 0 : _getComputedStyle.paddingInlineStart) || 0, 10);
-    const paddingEnd = parseInt(((_getComputedStyle2 = getComputedStyle(observedElement)) === null || _getComputedStyle2 === void 0 ? void 0 : _getComputedStyle2.paddingInlineEnd) || 0, 10);
-    const width = textContainer.clientWidth + 2 + paddingStart + paddingEnd;
+    const width = textContainer.clientWidth + 2;
     body.removeChild(textContainer);
     const elementStyle = observedElement.style;
     elementStyle.height = `${defaults.minHeight}px`;

package/utils/ghostTable.js

@@ -133,7 +133,7 @@ class GhostTable {
     if (this.getSetting('useHeaders') && this.hot.getColHeader(column) !== null) {
       // Please keep in mind that the renderable column index equal to the visual columns index for the GhostTable.
       // We render all columns.
-      this.hot.view.appendColHeader(column, this.table.th, undefined, -1);
+      this.hot.view.appendColHeader(column, this.table.th);
     }
     this.table.tBody.appendChild(this.createCol(column));
     this.container.container.appendChild(this.table.fragment);
@@ -149,8 +149,6 @@ class GhostTable {
     if (!this.injected) {
       this.injectTable();
     }
-    const isBorderBoxSizing = this.hot.view.getStylesHandler().areCellsBorderBox();
-    const borderCompensation = isBorderBoxSizing ? 0 : 1;
     (0, _array.arrayEach)(this.rows, row => {
       // In cases when the cell's content produces the height with a decimal point, the height
       // needs to be rounded up to make sure that there will be a space for the cell's content.
@@ -159,8 +157,8 @@ class GhostTable {
         height
       } = row.table.getBoundingClientRect();
 
-      // -1 <- reduce border-top from table (if box-sizing is not border-box)
-      callback(row.row, Math.ceil(height) - borderCompensation);
+      // -1 <- reduce border-top from table
+      callback(row.row, Math.ceil(height) - 1);
     });
   }
 

package/utils/ghostTable.mjs

@@ -130,7 +130,7 @@ class GhostTable {
     if (this.getSetting('useHeaders') && this.hot.getColHeader(column) !== null) {
       // Please keep in mind that the renderable column index equal to the visual columns index for the GhostTable.
       // We render all columns.
-      this.hot.view.appendColHeader(column, this.table.th, undefined, -1);
+      this.hot.view.appendColHeader(column, this.table.th);
     }
     this.table.tBody.appendChild(this.createCol(column));
     this.container.container.appendChild(this.table.fragment);
@@ -146,8 +146,6 @@ class GhostTable {
     if (!this.injected) {
       this.injectTable();
     }
-    const isBorderBoxSizing = this.hot.view.getStylesHandler().areCellsBorderBox();
-    const borderCompensation = isBorderBoxSizing ? 0 : 1;
     arrayEach(this.rows, row => {
       // In cases when the cell's content produces the height with a decimal point, the height
       // needs to be rounded up to make sure that there will be a space for the cell's content.
@@ -156,8 +154,8 @@ class GhostTable {
         height
       } = row.table.getBoundingClientRect();
 
-      // -1 <- reduce border-top from table (if box-sizing is not border-box)
-      callback(row.row, Math.ceil(height) - borderCompensation);
+      // -1 <- reduce border-top from table
+      callback(row.row, Math.ceil(height) - 1);
     });
   }