handsontable 0.0.0-next-e989337-20240117 → 0.0.0-next-40cdda4-20240118

package/helpers/mixed.js

@@ -134,7 +134,7 @@ const domMessages = {
 function _injectProductInfo(key, element) {
   const hasValidType = !isEmpty(key);
   const isNonCommercial = typeof key === 'string' && key.toLowerCase() === 'non-commercial-and-evaluation';
-  const hotVersion = "0.0.0-next-e989337-20240117";
+  const hotVersion = "0.0.0-next-40cdda4-20240118";
   let keyValidityDate;
   let consoleMessageState = 'invalid';
   let domMessageState = 'invalid';

package/helpers/mixed.mjs

@@ -124,7 +124,7 @@ const domMessages = {
 export function _injectProductInfo(key, element) {
   const hasValidType = !isEmpty(key);
   const isNonCommercial = typeof key === 'string' && key.toLowerCase() === 'non-commercial-and-evaluation';
-  const hotVersion = "0.0.0-next-e989337-20240117";
+  const hotVersion = "0.0.0-next-40cdda4-20240118";
   let keyValidityDate;
   let consoleMessageState = 'invalid';
   let domMessageState = 'invalid';

package/package.json

@@ -10,7 +10,7 @@
     "url": "https://github.com/handsontable/handsontable/issues"
   },
   "author": "Handsoncode <hello@handsontable.com>",
-  "version": "0.0.0-next-e989337-20240117",
+  "version": "0.0.0-next-40cdda4-20240118",
   "main": "index",
   "module": "index.mjs",
   "jsnext:main": "index.mjs",

package/selection/mouseEventHandler.js

@@ -31,6 +31,7 @@ function mouseDown(_ref) {
   const currentSelection = selection.isSelected() ? selection.getSelectedRange().current() : null;
   const selectedCorner = selection.isSelectedByCorner();
   const selectedRow = selection.isSelectedByRowHeader();
+  selection.markSource('mouse');
   if (isShiftKey && currentSelection) {
     if (coords.row >= 0 && coords.col >= 0 && !controller.cell) {
       selection.setRangeEnd(coords);
@@ -74,6 +75,7 @@ function mouseDown(_ref) {
       });
     }
   }
+  selection.markEndSource();
 }
 
 /**
@@ -102,6 +104,7 @@ function mouseOver(_ref2) {
   const selectedColumn = selection.isSelectedByColumnHeader();
   const countCols = selection.tableProps.countCols();
   const countRows = selection.tableProps.countRows();
+  selection.markSource('mouse');
   if (selectedColumn && !controller.column) {
     selection.setRangeEnd(cellCoordsFactory(countRows - 1, coords.col));
   } else if (selectedRow && !controller.row) {
@@ -109,6 +112,7 @@ function mouseOver(_ref2) {
   } else if (!controller.cell) {
     selection.setRangeEnd(coords);
   }
+  selection.markEndSource();
 }
 const handlers = new Map([['mousedown', mouseDown], ['mouseover', mouseOver], ['touchstart', mouseDown]]);
 

package/selection/mouseEventHandler.mjs

@@ -25,6 +25,7 @@ export function mouseDown(_ref) {
   const currentSelection = selection.isSelected() ? selection.getSelectedRange().current() : null;
   const selectedCorner = selection.isSelectedByCorner();
   const selectedRow = selection.isSelectedByRowHeader();
+  selection.markSource('mouse');
   if (isShiftKey && currentSelection) {
     if (coords.row >= 0 && coords.col >= 0 && !controller.cell) {
       selection.setRangeEnd(coords);
@@ -68,6 +69,7 @@ export function mouseDown(_ref) {
       });
     }
   }
+  selection.markEndSource();
 }
 
 /**
@@ -96,6 +98,7 @@ export function mouseOver(_ref2) {
   const selectedColumn = selection.isSelectedByColumnHeader();
   const countCols = selection.tableProps.countCols();
   const countRows = selection.tableProps.countRows();
+  selection.markSource('mouse');
   if (selectedColumn && !controller.column) {
     selection.setRangeEnd(cellCoordsFactory(countRows - 1, coords.col));
   } else if (selectedRow && !controller.row) {
@@ -103,6 +106,7 @@ export function mouseOver(_ref2) {
   } else if (!controller.cell) {
     selection.setRangeEnd(coords);
   }
+  selection.markEndSource();
 }
 const handlers = new Map([['mousedown', mouseDown], ['mouseover', mouseOver], ['touchstart', mouseDown]]);
 

package/selection/selection.js

@@ -21,16 +21,18 @@ function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollect
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(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); }
-function _classPrivateFieldSet(receiver, privateMap, value) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "set"); _classApplyDescriptorSet(receiver, descriptor, value); return value; }
-function _classApplyDescriptorSet(receiver, descriptor, value) { if (descriptor.set) { descriptor.set.call(receiver, value); } else { if (!descriptor.writable) { throw new TypeError("attempted to set read only private field"); } descriptor.value = value; } }
 function _classPrivateFieldGet(receiver, privateMap) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "get"); return _classApplyDescriptorGet(receiver, descriptor); }
-function _classExtractFieldDescriptor(receiver, privateMap, action) { if (!privateMap.has(receiver)) { throw new TypeError("attempted to " + action + " private field on non-instance"); } return privateMap.get(receiver); }
 function _classApplyDescriptorGet(receiver, descriptor) { if (descriptor.get) { return descriptor.get.call(receiver); } return descriptor.value; }
+function _classPrivateFieldSet(receiver, privateMap, value) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "set"); _classApplyDescriptorSet(receiver, descriptor, value); return value; }
+function _classExtractFieldDescriptor(receiver, privateMap, action) { if (!privateMap.has(receiver)) { throw new TypeError("attempted to " + action + " private field on non-instance"); } return privateMap.get(receiver); }
+function _classApplyDescriptorSet(receiver, descriptor, value) { if (descriptor.set) { descriptor.set.call(receiver, value); } else { if (!descriptor.writable) { throw new TypeError("attempted to set read only private field"); } descriptor.value = value; } }
 /**
  * @class Selection
  * @util
  */
 var _disableHeadersHighlight = /*#__PURE__*/new WeakMap();
+var _selectionSource = /*#__PURE__*/new WeakMap();
+var _expectedLayersCount = /*#__PURE__*/new WeakMap();
 class Selection {
   constructor(settings, tableProps) {
     var _this = this;
@@ -95,6 +97,25 @@ class Selection {
       writable: true,
       value: false
     });
+    /**
+     * The source of the selection. It can be one of the following values: `mouse`, `unknown` or any other string.
+     *
+     * @type {'mouse' | 'unknown' | string}
+     */
+    _classPrivateFieldInitSpec(this, _selectionSource, {
+      writable: true,
+      value: 'unknown'
+    });
+    /**
+     * The number of expected layers. It is used mostly to track when the last selection layer of non-contiguous
+     * selection is applied, thus the viewport scroll is triggered.
+     *
+     * @param {number}
+     */
+    _classPrivateFieldInitSpec(this, _expectedLayersCount, {
+      writable: true,
+      value: -1
+    });
     this.settings = settings;
     this.tableProps = tableProps;
     this.highlight = new _highlight.default({
@@ -193,6 +214,41 @@ class Selection {
     return this.selectedRange;
   }
 
+  /**
+   * Marks the source of the selection. It can be one of the following values: `mouse`, or any other string.
+   *
+   * @param {'mouse' | 'unknown' | string} sourceName The source name.
+   */
+  markSource(sourceName) {
+    _classPrivateFieldSet(this, _selectionSource, sourceName);
+  }
+
+  /**
+   * Marks end of the selection source. It restores the selection source to default value which is 'unknown'.
+   */
+  markEndSource() {
+    _classPrivateFieldSet(this, _selectionSource, 'unknown');
+  }
+
+  /**
+   * Returns the source of the selection.
+   *
+   * @returns {'mouse' | 'unknown' | string}
+   */
+  getSelectionSource() {
+    return _classPrivateFieldGet(this, _selectionSource);
+  }
+
+  /**
+   * Set the number of expected layers. The method is not obligatory to call. It is used mostly internally
+   * to determine when the last selection layer of non-contiguous is applied, thus the viewport scroll is triggered.
+   *
+   * @param {number} layersCount The number of expected layers.
+   */
+  setExpectedLayers(layersCount) {
+    _classPrivateFieldSet(this, _expectedLayersCount, layersCount);
+  }
+
   /**
    * Indicate that selection process began. It sets internally `.inProgress` property to `true`.
    */
@@ -206,6 +262,7 @@ class Selection {
   finish() {
     this.runLocalHooks('afterSelectionFinished', Array.from(this.selectedRange));
     this.inProgress = false;
+    _classPrivateFieldSet(this, _expectedLayersCount, -1);
   }
 
   /**
@@ -390,7 +447,8 @@ class Selection {
         activeCornerHeaderHighlight.add(this.tableProps.createCellCoords(-this.tableProps.countColHeaders(), -this.tableProps.countRowHeaders())).add(this.tableProps.createCellCoords(-1, -1)).commit();
       }
     }
-    this.runLocalHooks('afterSetRangeEnd', coords);
+    const isLastLayer = _classPrivateFieldGet(this, _expectedLayersCount) === -1 || this.selectedRange.size() === _classPrivateFieldGet(this, _expectedLayersCount);
+    this.runLocalHooks('afterSetRangeEnd', coords, isLastLayer);
   }
 
   /**
@@ -708,6 +766,7 @@ class Selection {
     });
     if (isValid) {
       this.clear();
+      this.setExpectedLayers(selectionRanges.length);
       (0, _array.arrayEach)(selectionRanges, selection => {
         const {
           from,

package/selection/selection.mjs

@@ -4,11 +4,11 @@ function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollect
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(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); }
-function _classPrivateFieldSet(receiver, privateMap, value) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "set"); _classApplyDescriptorSet(receiver, descriptor, value); return value; }
-function _classApplyDescriptorSet(receiver, descriptor, value) { if (descriptor.set) { descriptor.set.call(receiver, value); } else { if (!descriptor.writable) { throw new TypeError("attempted to set read only private field"); } descriptor.value = value; } }
 function _classPrivateFieldGet(receiver, privateMap) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "get"); return _classApplyDescriptorGet(receiver, descriptor); }
-function _classExtractFieldDescriptor(receiver, privateMap, action) { if (!privateMap.has(receiver)) { throw new TypeError("attempted to " + action + " private field on non-instance"); } return privateMap.get(receiver); }
 function _classApplyDescriptorGet(receiver, descriptor) { if (descriptor.get) { return descriptor.get.call(receiver); } return descriptor.value; }
+function _classPrivateFieldSet(receiver, privateMap, value) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "set"); _classApplyDescriptorSet(receiver, descriptor, value); return value; }
+function _classExtractFieldDescriptor(receiver, privateMap, action) { if (!privateMap.has(receiver)) { throw new TypeError("attempted to " + action + " private field on non-instance"); } return privateMap.get(receiver); }
+function _classApplyDescriptorSet(receiver, descriptor, value) { if (descriptor.set) { descriptor.set.call(receiver, value); } else { if (!descriptor.writable) { throw new TypeError("attempted to set read only private field"); } descriptor.value = value; } }
 import Highlight, { AREA_TYPE, HEADER_TYPE, FOCUS_TYPE } from "./highlight/highlight.mjs";
 import SelectionRange from "./range.mjs";
 import { createObjectPropListener, mixin } from "./../helpers/object.mjs";
@@ -25,6 +25,8 @@ import { A11Y_SELECTED } from "../helpers/a11y.mjs";
  * @util
  */
 var _disableHeadersHighlight = /*#__PURE__*/new WeakMap();
+var _selectionSource = /*#__PURE__*/new WeakMap();
+var _expectedLayersCount = /*#__PURE__*/new WeakMap();
 class Selection {
   constructor(settings, tableProps) {
     var _this = this;
@@ -89,6 +91,25 @@ class Selection {
       writable: true,
       value: false
     });
+    /**
+     * The source of the selection. It can be one of the following values: `mouse`, `unknown` or any other string.
+     *
+     * @type {'mouse' | 'unknown' | string}
+     */
+    _classPrivateFieldInitSpec(this, _selectionSource, {
+      writable: true,
+      value: 'unknown'
+    });
+    /**
+     * The number of expected layers. It is used mostly to track when the last selection layer of non-contiguous
+     * selection is applied, thus the viewport scroll is triggered.
+     *
+     * @param {number}
+     */
+    _classPrivateFieldInitSpec(this, _expectedLayersCount, {
+      writable: true,
+      value: -1
+    });
     this.settings = settings;
     this.tableProps = tableProps;
     this.highlight = new Highlight({
@@ -187,6 +208,41 @@ class Selection {
     return this.selectedRange;
   }
 
+  /**
+   * Marks the source of the selection. It can be one of the following values: `mouse`, or any other string.
+   *
+   * @param {'mouse' | 'unknown' | string} sourceName The source name.
+   */
+  markSource(sourceName) {
+    _classPrivateFieldSet(this, _selectionSource, sourceName);
+  }
+
+  /**
+   * Marks end of the selection source. It restores the selection source to default value which is 'unknown'.
+   */
+  markEndSource() {
+    _classPrivateFieldSet(this, _selectionSource, 'unknown');
+  }
+
+  /**
+   * Returns the source of the selection.
+   *
+   * @returns {'mouse' | 'unknown' | string}
+   */
+  getSelectionSource() {
+    return _classPrivateFieldGet(this, _selectionSource);
+  }
+
+  /**
+   * Set the number of expected layers. The method is not obligatory to call. It is used mostly internally
+   * to determine when the last selection layer of non-contiguous is applied, thus the viewport scroll is triggered.
+   *
+   * @param {number} layersCount The number of expected layers.
+   */
+  setExpectedLayers(layersCount) {
+    _classPrivateFieldSet(this, _expectedLayersCount, layersCount);
+  }
+
   /**
    * Indicate that selection process began. It sets internally `.inProgress` property to `true`.
    */
@@ -200,6 +256,7 @@ class Selection {
   finish() {
     this.runLocalHooks('afterSelectionFinished', Array.from(this.selectedRange));
     this.inProgress = false;
+    _classPrivateFieldSet(this, _expectedLayersCount, -1);
   }
 
   /**
@@ -384,7 +441,8 @@ class Selection {
         activeCornerHeaderHighlight.add(this.tableProps.createCellCoords(-this.tableProps.countColHeaders(), -this.tableProps.countRowHeaders())).add(this.tableProps.createCellCoords(-1, -1)).commit();
       }
     }
-    this.runLocalHooks('afterSetRangeEnd', coords);
+    const isLastLayer = _classPrivateFieldGet(this, _expectedLayersCount) === -1 || this.selectedRange.size() === _classPrivateFieldGet(this, _expectedLayersCount);
+    this.runLocalHooks('afterSetRangeEnd', coords, isLastLayer);
   }
 
   /**
@@ -702,6 +760,7 @@ class Selection {
     });
     if (isValid) {
       this.clear();
+      this.setExpectedLayers(selectionRanges.length);
       arrayEach(selectionRanges, selection => {
         const {
           from,

package/tableView.js

@@ -1310,6 +1310,42 @@ class TableView {
     return this.hot.columnIndexMapper.getVisualFromRenderableIndex(this.hot.view._wt.wtScroll.getLastVisibleColumn());
   }
 
+  /**
+   * Returns the first partially visible row in the table viewport.
+   *
+   * @returns {number}
+   */
+  getFirstPartiallyVisibleRow() {
+    return this.hot.rowIndexMapper.getVisualFromRenderableIndex(this.hot.view._wt.wtScroll.getFirstPartiallyVisibleRow());
+  }
+
+  /**
+   * Returns the last partially visible row in the table viewport.
+   *
+   * @returns {number}
+   */
+  getLastPartiallyVisibleRow() {
+    return this.hot.rowIndexMapper.getVisualFromRenderableIndex(this.hot.view._wt.wtScroll.getLastPartiallyVisibleRow());
+  }
+
+  /**
+   * Returns the first partially visible column in the table viewport.
+   *
+   * @returns {number}
+   */
+  getFirstPartiallyVisibleColumn() {
+    return this.hot.columnIndexMapper.getVisualFromRenderableIndex(this.hot.view._wt.wtScroll.getFirstPartiallyVisibleColumn());
+  }
+
+  /**
+   * Returns the last partially visible column in the table viewport.
+   *
+   * @returns {number}
+   */
+  getLastPartiallyVisibleColumn() {
+    return this.hot.columnIndexMapper.getVisualFromRenderableIndex(this.hot.view._wt.wtScroll.getLastPartiallyVisibleColumn());
+  }
+
   /**
    * Returns the total count of the rendered column headers.
    *
@@ -1327,6 +1363,46 @@ class TableView {
   getRowHeadersCount() {
     return _classPrivateFieldGet(this, _rowHeadersCount);
   }
+
+  /**
+   * Returns the table's viewport width. When the table has defined the size of the container,
+   * and the columns do not fill the entire viewport, the viewport width is equal to the sum of
+   * the columns' widths.
+   *
+   * @returns {number}
+   */
+  getViewportWidth() {
+    return this.hot.view._wt.wtViewport.getViewportWidth();
+  }
+
+  /**
+   * Returns the table's total width including the scrollbar width.
+   *
+   * @returns {number}
+   */
+  getWorkspaceWidth() {
+    return this.hot.view._wt.wtViewport.getWorkspaceWidth();
+  }
+
+  /**
+   * Returns the table's viewport height. When the table has defined the size of the container,
+   * and the rows do not fill the entire viewport, the viewport height is equal to the sum of
+   * the rows' heights.
+   *
+   * @returns {number}
+   */
+  getViewportHeight() {
+    return this.hot.view._wt.wtViewport.getViewportHeight();
+  }
+
+  /**
+   * Returns the table's total height including the scrollbar height.
+   *
+   * @returns {number}
+   */
+  getWorkspaceHeight() {
+    return this.hot.view._wt.wtViewport.getWorkspaceHeight();
+  }
   /**
    * Destroys internal WalkOnTable's instance. Detaches all of the bonded listeners.
    *

package/tableView.mjs

@@ -1306,6 +1306,42 @@ class TableView {
     return this.hot.columnIndexMapper.getVisualFromRenderableIndex(this.hot.view._wt.wtScroll.getLastVisibleColumn());
   }
 
+  /**
+   * Returns the first partially visible row in the table viewport.
+   *
+   * @returns {number}
+   */
+  getFirstPartiallyVisibleRow() {
+    return this.hot.rowIndexMapper.getVisualFromRenderableIndex(this.hot.view._wt.wtScroll.getFirstPartiallyVisibleRow());
+  }
+
+  /**
+   * Returns the last partially visible row in the table viewport.
+   *
+   * @returns {number}
+   */
+  getLastPartiallyVisibleRow() {
+    return this.hot.rowIndexMapper.getVisualFromRenderableIndex(this.hot.view._wt.wtScroll.getLastPartiallyVisibleRow());
+  }
+
+  /**
+   * Returns the first partially visible column in the table viewport.
+   *
+   * @returns {number}
+   */
+  getFirstPartiallyVisibleColumn() {
+    return this.hot.columnIndexMapper.getVisualFromRenderableIndex(this.hot.view._wt.wtScroll.getFirstPartiallyVisibleColumn());
+  }
+
+  /**
+   * Returns the last partially visible column in the table viewport.
+   *
+   * @returns {number}
+   */
+  getLastPartiallyVisibleColumn() {
+    return this.hot.columnIndexMapper.getVisualFromRenderableIndex(this.hot.view._wt.wtScroll.getLastPartiallyVisibleColumn());
+  }
+
   /**
    * Returns the total count of the rendered column headers.
    *
@@ -1323,6 +1359,46 @@ class TableView {
   getRowHeadersCount() {
     return _classPrivateFieldGet(this, _rowHeadersCount);
   }
+
+  /**
+   * Returns the table's viewport width. When the table has defined the size of the container,
+   * and the columns do not fill the entire viewport, the viewport width is equal to the sum of
+   * the columns' widths.
+   *
+   * @returns {number}
+   */
+  getViewportWidth() {
+    return this.hot.view._wt.wtViewport.getViewportWidth();
+  }
+
+  /**
+   * Returns the table's total width including the scrollbar width.
+   *
+   * @returns {number}
+   */
+  getWorkspaceWidth() {
+    return this.hot.view._wt.wtViewport.getWorkspaceWidth();
+  }
+
+  /**
+   * Returns the table's viewport height. When the table has defined the size of the container,
+   * and the rows do not fill the entire viewport, the viewport height is equal to the sum of
+   * the rows' heights.
+   *
+   * @returns {number}
+   */
+  getViewportHeight() {
+    return this.hot.view._wt.wtViewport.getViewportHeight();
+  }
+
+  /**
+   * Returns the table's total height including the scrollbar height.
+   *
+   * @returns {number}
+   */
+  getWorkspaceHeight() {
+    return this.hot.view._wt.wtViewport.getWorkspaceHeight();
+  }
   /**
    * Destroys internal WalkOnTable's instance. Detaches all of the bonded listeners.
    *

package/utils/ghostTable.js

@@ -65,7 +65,7 @@ class GhostTable {
   /**
    * Add row.
    *
-   * @param {number} row Row index.
+   * @param {number} row Visual row index.
    * @param {Map} samples Samples Map object.
    */
   addRow(row, samples) {
@@ -112,7 +112,7 @@ class GhostTable {
   /**
    * Add column.
    *
-   * @param {number} column Column index.
+   * @param {number} column Visual column index.
    * @param {Map} samples A map with sampled table values.
    */
   addColumn(column, samples) {
@@ -244,7 +244,7 @@ class GhostTable {
   /**
    * Create table row element.
    *
-   * @param {number} row Row index.
+   * @param {number} row Visual row index.
    * @returns {DocumentFragment} Returns created table row elements.
    */
   createRow(row) {
@@ -312,7 +312,7 @@ class GhostTable {
   /**
    * Create table column elements.
    *
-   * @param {number} column Column index.
+   * @param {number} column Visual column index.
    * @returns {DocumentFragment} Returns created column table column elements.
    */
   createCol(column) {
@@ -392,10 +392,10 @@ class GhostTable {
     if (row >= 0 && column >= 0) {
       colspan = this.hot.getCellMeta(row, column).colspan;
     }
-    let width = this.hot.view._wt.wtTable.getStretchedColumnWidth(column);
+    let width = this.hot.getColWidth(column);
     if (colspan > 1) {
       for (let nextColumn = column + 1; nextColumn < column + colspan; nextColumn++) {
-        width += this.hot.view._wt.wtTable.getStretchedColumnWidth(nextColumn);
+        width += this.hot.getColWidth(nextColumn);
       }
     }
     col.style.width = `${width}px`;

package/utils/ghostTable.mjs

@@ -62,7 +62,7 @@ class GhostTable {
   /**
    * Add row.
    *
-   * @param {number} row Row index.
+   * @param {number} row Visual row index.
    * @param {Map} samples Samples Map object.
    */
   addRow(row, samples) {
@@ -109,7 +109,7 @@ class GhostTable {
   /**
    * Add column.
    *
-   * @param {number} column Column index.
+   * @param {number} column Visual column index.
    * @param {Map} samples A map with sampled table values.
    */
   addColumn(column, samples) {
@@ -241,7 +241,7 @@ class GhostTable {
   /**
    * Create table row element.
    *
-   * @param {number} row Row index.
+   * @param {number} row Visual row index.
    * @returns {DocumentFragment} Returns created table row elements.
    */
   createRow(row) {
@@ -309,7 +309,7 @@ class GhostTable {
   /**
    * Create table column elements.
    *
-   * @param {number} column Column index.
+   * @param {number} column Visual column index.
    * @returns {DocumentFragment} Returns created column table column elements.
    */
   createCol(column) {
@@ -389,10 +389,10 @@ class GhostTable {
     if (row >= 0 && column >= 0) {
       colspan = this.hot.getCellMeta(row, column).colspan;
     }
-    let width = this.hot.view._wt.wtTable.getStretchedColumnWidth(column);
+    let width = this.hot.getColWidth(column);
     if (colspan > 1) {
       for (let nextColumn = column + 1; nextColumn < column + colspan; nextColumn++) {
-        width += this.hot.view._wt.wtTable.getStretchedColumnWidth(nextColumn);
+        width += this.hot.getColWidth(nextColumn);
       }
     }
     col.style.width = `${width}px`;