handsontable 12.2.0 → 12.3.0-next-9dc4f5d-20221209

package/shortcuts/manager.mjs

@@ -14,7 +14,7 @@ import { useRecorder } from "./recorder.mjs";
  * @param {object} options The manager's options
  * @param {EventTarget} options.ownerWindow A starting `window` element
  * @param {Function} options.handleEvent A condition on which `event` is handled.
- * @param {Function} options.beforeKeyDown A hook fired before the `keydown` event is handled. You can use it to [block a keyboard shortcut's actions](@/guides/accessories-and-menus/keyboard-shortcuts.md#blocking-a-keyboard-shortcut-s-actions).
+ * @param {Function} options.beforeKeyDown A hook fired before the `keydown` event is handled. You can use it to [block a keyboard shortcut's actions](@/guides/accessories-and-menus/keyboard-shortcuts.md#block-a-keyboard-shortcut-s-actions).
  * @param {Function} options.afterKeyDown A hook fired after the `keydown` event is handled
  */
 export var createShortcutManager = function createShortcutManager(_ref) {

package/tableView.js

@@ -1,5 +1,7 @@
 "use strict";
 
+require("core-js/modules/es.symbol.to-primitive.js");
+require("core-js/modules/es.date.to-primitive.js");
 require("core-js/modules/es.symbol.js");
 require("core-js/modules/es.symbol.description.js");
 require("core-js/modules/es.symbol.iterator.js");
@@ -7,6 +9,7 @@ require("core-js/modules/es.array.from.js");
 require("core-js/modules/es.array.slice.js");
 require("core-js/modules/es.function.name.js");
 require("core-js/modules/es.regexp.exec.js");
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 exports.__esModule = true;
 exports.default = void 0;
 require("core-js/modules/es.array.iterator.js");
@@ -25,7 +28,7 @@ var _rootInstance = require("./utils/rootInstance");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -34,78 +37,123 @@ function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symb
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedeclaration(obj, privateMap); privateMap.set(obj, value); }
+function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
+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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _classPrivateFieldGet(receiver, privateMap) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "get"); return _classApplyDescriptorGet(receiver, descriptor); }
+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; } }
 var privatePool = new WeakMap();
 
 /**
  * @class TableView
  * @private
  */
+var _columnHeadersCount = /*#__PURE__*/new WeakMap();
+var _rowHeadersCount = /*#__PURE__*/new WeakMap();
 var TableView = /*#__PURE__*/function () {
+  /**
+   * Instance of {@link Handsontable}.
+   *
+   * @private
+   * @type {Handsontable}
+   */
+
+  /**
+   * Instance of {@link EventManager}.
+   *
+   * @private
+   * @type {EventManager}
+   */
+
+  /**
+   * Current Handsontable's GridSettings object.
+   *
+   * @private
+   * @type {GridSettings}
+   */
+
+  /**
+   * Main <THEAD> element.
+   *
+   * @private
+   * @type {HTMLTableSectionElement}
+   */
+
+  /**
+   * Main <TBODY> element.
+   *
+   * @private
+   * @type {HTMLTableSectionElement}
+   */
+
+  /**
+   * Main Walkontable instance.
+   *
+   * @private
+   * @type {Walkontable}
+   */
+
+  /**
+   * Main Walkontable instance.
+   *
+   * @private
+   * @type {Walkontable}
+   */
+
+  /**
+   * The total number of the column header renderers applied to the table through the
+   * `afterGetColumnHeaderRenderers` hook.
+   *
+   * @type {number}
+   */
+
+  /**
+   * The total number of the row header renderers applied to the table through the
+   * `afterGetRowHeaderRenderers` hook.
+   *
+   * @type {number}
+   */
+
+  /**
+   * The flag determines if the `adjustElementsSize` method call was made during
+   * the render suspending. If true, the method has to be triggered once after render
+   * resuming.
+   *
+   * @private
+   * @type {boolean}
+   */
+
   /**
    * @param {Hanstontable} instance Instance of {@link Handsontable}.
    */
   function TableView(instance) {
     _classCallCheck(this, TableView);
-    /**
-     * Instance of {@link Handsontable}.
-     *
-     * @private
-     * @type {Handsontable}
-     */
+    _defineProperty(this, "instance", void 0);
+    _defineProperty(this, "eventManager", void 0);
+    _defineProperty(this, "settings", void 0);
+    _defineProperty(this, "THEAD", void 0);
+    _defineProperty(this, "TBODY", void 0);
+    _defineProperty(this, "_wt", void 0);
+    _defineProperty(this, "activeWt", void 0);
+    _classPrivateFieldInitSpec(this, _columnHeadersCount, {
+      writable: true,
+      value: 0
+    });
+    _classPrivateFieldInitSpec(this, _rowHeadersCount, {
+      writable: true,
+      value: 0
+    });
+    _defineProperty(this, "postponedAdjustElementsSize", false);
     this.instance = instance;
-    /**
-     * Instance of {@link EventManager}.
-     *
-     * @private
-     * @type {EventManager}
-     */
-    this.eventManager = new _eventManager.default(instance);
-    /**
-     * Current Handsontable's GridSettings object.
-     *
-     * @private
-     * @type {GridSettings}
-     */
-    this.settings = instance.getSettings();
-    /**
-     * Main <THEAD> element.
-     *
-     * @private
-     * @type {HTMLTableSectionElement}
-     */
-    this.THEAD = void 0;
-    /**
-     * Main <TBODY> element.
-     *
-     * @private
-     * @type {HTMLTableSectionElement}
-     */
-    this.TBODY = void 0;
-    /**
-     * Main Walkontable instance.
-     *
-     * @private
-     * @type {Walkontable}
-     */
-    this._wt = void 0;
-    /**
-     * Main Walkontable instance.
-     *
-     * @private
-     * @type {Walkontable}
-     */
-    this.activeWt = void 0;
-    /**
-     * The flag determines if the `adjustElementsSize` method call was made during
-     * the render suspending. If true, the method has to be triggered once after render
-     * resuming.
-     *
-     * @private
-     * @type {boolean}
-     */
-    this.postponedAdjustElementsSize = false;
+    this.eventManager = new _eventManager.default(this.instance);
+    this.settings = this.instance.getSettings();
     privatePool.set(this, {
       /**
        * Defines if the text should be selected during mousemove.
@@ -663,6 +711,7 @@ var TableView = /*#__PURE__*/function () {
             });
           }
           _this2.instance.runHooks('afterGetRowHeaderRenderers', headerRenderers);
+          _classPrivateFieldSet(_this2, _rowHeadersCount, headerRenderers.length);
           return headerRenderers;
         },
         columnHeaders: function columnHeaders() {
@@ -676,6 +725,7 @@ var TableView = /*#__PURE__*/function () {
             });
           }
           _this2.instance.runHooks('afterGetColumnHeaderRenderers', headerRenderers);
+          _classPrivateFieldSet(_this2, _columnHeadersCount, headerRenderers.length);
           return headerRenderers;
         },
         columnWidth: function columnWidth(renderedColumnIndex) {
@@ -720,10 +770,14 @@ var TableView = /*#__PURE__*/function () {
           return _this2.settings.fragmentSelection;
         },
         onWindowResize: function onWindowResize() {
-          if (!_this2.instance || _this2.instance.isDestroyed) {
-            return;
+          if (_this2.instance && !_this2.instance.isDestroyed) {
+            _this2.instance.refreshDimensions();
+          }
+        },
+        onContainerElementResize: function onContainerElementResize() {
+          if (_this2.instance && !_this2.instance.isDestroyed) {
+            _this2.instance.refreshDimensions();
           }
-          _this2.instance.refreshDimensions();
         },
         onCellMouseDown: function onCellMouseDown(event, coords, TD, wt) {
           var visualCoords = _this2.translateFromRenderableToVisualCoords(coords);
@@ -1124,7 +1178,7 @@ var TableView = /*#__PURE__*/function () {
      * @private
      * @param {number} visualColumnIndex Visual column index.
      * @param {HTMLTableCellElement} TH The table header element.
-     * @param {Function} label The function that returns the header label.
+     * @param {Function} [label] The function that returns the header label.
      * @param {number} [headerLevel=0] The index of header level counting from the top (positive
      *                                 values counting from 0 to N).
      */
@@ -1136,10 +1190,10 @@ var TableView = /*#__PURE__*/function () {
       if (TH.firstChild) {
         var container = TH.firstChild;
         if ((0, _element.hasClass)(container, 'relative')) {
-          this.updateCellHeader(container.querySelector('.colHeader'), visualColumnIndex, label);
+          this.updateCellHeader(container.querySelector('.colHeader'), visualColumnIndex, label, headerLevel);
         } else {
           (0, _element.empty)(TH);
-          this.appendColHeader(visualColumnIndex, TH, headerLevel);
+          this.appendColHeader(visualColumnIndex, TH, label, headerLevel);
         }
       } else {
         var rootDocument = this.instance.rootDocument;
@@ -1147,7 +1201,7 @@ var TableView = /*#__PURE__*/function () {
         var span = rootDocument.createElement('span');
         div.className = 'relative';
         span.className = 'colHeader';
-        this.updateCellHeader(span, visualColumnIndex, label);
+        this.updateCellHeader(span, visualColumnIndex, label, headerLevel);
         div.appendChild(span);
         TH.appendChild(div);
       }
@@ -1157,14 +1211,17 @@ var TableView = /*#__PURE__*/function () {
     /**
      * Updates header cell content.
      *
-     * @since 0.15.0-beta4
+     * @private
      * @param {HTMLElement} element Element to update.
      * @param {number} index Row index or column index.
      * @param {Function} content Function which should be returns content for this cell.
+     * @param {number} [headerLevel=0] The index of header level counting from the top (positive
+     *                                 values counting from 0 to N).
      */
   }, {
     key: "updateCellHeader",
     value: function updateCellHeader(element, index, content) {
+      var headerLevel = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
       var renderedIndex = index;
       var parentOverlay = this._wt.wtOverlays.getParentOverlay(element) || this._wt;
 
@@ -1177,7 +1234,7 @@ var TableView = /*#__PURE__*/function () {
         }
       }
       if (renderedIndex > -1) {
-        (0, _element.fastInnerHTML)(element, content(index));
+        (0, _element.fastInnerHTML)(element, content(index, headerLevel));
       } else {
         // workaround for https://github.com/handsontable/handsontable/issues/1946
         (0, _element.fastInnerText)(element, String.fromCharCode(160));
@@ -1291,6 +1348,28 @@ var TableView = /*#__PURE__*/function () {
       return this.instance.columnIndexMapper.getVisualFromRenderableIndex(this.instance.view._wt.wtScroll.getLastVisibleColumn());
     }
 
+    /**
+     * Returns the total count of the rendered column headers.
+     *
+     * @returns {number}
+     */
+  }, {
+    key: "getColumnHeadersCount",
+    value: function getColumnHeadersCount() {
+      return _classPrivateFieldGet(this, _columnHeadersCount);
+    }
+
+    /**
+     * Returns the total count of the rendered row headers.
+     *
+     * @returns {number}
+     */
+  }, {
+    key: "getRowHeadersCount",
+    value: function getRowHeadersCount() {
+      return _classPrivateFieldGet(this, _rowHeadersCount);
+    }
+
     /**
      * Destroys internal WalkOnTable's instance. Detaches all of the bonded listeners.
      *

package/tableView.mjs

@@ -1,6 +1,7 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -9,8 +10,18 @@ function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symb
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedeclaration(obj, privateMap); privateMap.set(obj, value); }
+function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
+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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _classPrivateFieldGet(receiver, privateMap) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "get"); return _classApplyDescriptorGet(receiver, descriptor); }
+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 "core-js/modules/es.array.iterator.js";
 import "core-js/modules/es.object.to-string.js";
 import "core-js/modules/es.string.iterator.js";
@@ -18,6 +29,8 @@ import "core-js/modules/es.weak-map.js";
 import "core-js/modules/web.dom-collections.iterator.js";
 import "core-js/modules/es.number.is-integer.js";
 import "core-js/modules/es.number.constructor.js";
+import "core-js/modules/es.symbol.to-primitive.js";
+import "core-js/modules/es.date.to-primitive.js";
 import "core-js/modules/es.symbol.js";
 import "core-js/modules/es.symbol.description.js";
 import "core-js/modules/es.symbol.iterator.js";
@@ -37,70 +50,105 @@ var privatePool = new WeakMap();
  * @class TableView
  * @private
  */
+var _columnHeadersCount = /*#__PURE__*/new WeakMap();
+var _rowHeadersCount = /*#__PURE__*/new WeakMap();
 var TableView = /*#__PURE__*/function () {
+  /**
+   * Instance of {@link Handsontable}.
+   *
+   * @private
+   * @type {Handsontable}
+   */
+
+  /**
+   * Instance of {@link EventManager}.
+   *
+   * @private
+   * @type {EventManager}
+   */
+
+  /**
+   * Current Handsontable's GridSettings object.
+   *
+   * @private
+   * @type {GridSettings}
+   */
+
+  /**
+   * Main <THEAD> element.
+   *
+   * @private
+   * @type {HTMLTableSectionElement}
+   */
+
+  /**
+   * Main <TBODY> element.
+   *
+   * @private
+   * @type {HTMLTableSectionElement}
+   */
+
+  /**
+   * Main Walkontable instance.
+   *
+   * @private
+   * @type {Walkontable}
+   */
+
+  /**
+   * Main Walkontable instance.
+   *
+   * @private
+   * @type {Walkontable}
+   */
+
+  /**
+   * The total number of the column header renderers applied to the table through the
+   * `afterGetColumnHeaderRenderers` hook.
+   *
+   * @type {number}
+   */
+
+  /**
+   * The total number of the row header renderers applied to the table through the
+   * `afterGetRowHeaderRenderers` hook.
+   *
+   * @type {number}
+   */
+
+  /**
+   * The flag determines if the `adjustElementsSize` method call was made during
+   * the render suspending. If true, the method has to be triggered once after render
+   * resuming.
+   *
+   * @private
+   * @type {boolean}
+   */
+
   /**
    * @param {Hanstontable} instance Instance of {@link Handsontable}.
    */
   function TableView(instance) {
     _classCallCheck(this, TableView);
-    /**
-     * Instance of {@link Handsontable}.
-     *
-     * @private
-     * @type {Handsontable}
-     */
+    _defineProperty(this, "instance", void 0);
+    _defineProperty(this, "eventManager", void 0);
+    _defineProperty(this, "settings", void 0);
+    _defineProperty(this, "THEAD", void 0);
+    _defineProperty(this, "TBODY", void 0);
+    _defineProperty(this, "_wt", void 0);
+    _defineProperty(this, "activeWt", void 0);
+    _classPrivateFieldInitSpec(this, _columnHeadersCount, {
+      writable: true,
+      value: 0
+    });
+    _classPrivateFieldInitSpec(this, _rowHeadersCount, {
+      writable: true,
+      value: 0
+    });
+    _defineProperty(this, "postponedAdjustElementsSize", false);
     this.instance = instance;
-    /**
-     * Instance of {@link EventManager}.
-     *
-     * @private
-     * @type {EventManager}
-     */
-    this.eventManager = new EventManager(instance);
-    /**
-     * Current Handsontable's GridSettings object.
-     *
-     * @private
-     * @type {GridSettings}
-     */
-    this.settings = instance.getSettings();
-    /**
-     * Main <THEAD> element.
-     *
-     * @private
-     * @type {HTMLTableSectionElement}
-     */
-    this.THEAD = void 0;
-    /**
-     * Main <TBODY> element.
-     *
-     * @private
-     * @type {HTMLTableSectionElement}
-     */
-    this.TBODY = void 0;
-    /**
-     * Main Walkontable instance.
-     *
-     * @private
-     * @type {Walkontable}
-     */
-    this._wt = void 0;
-    /**
-     * Main Walkontable instance.
-     *
-     * @private
-     * @type {Walkontable}
-     */
-    this.activeWt = void 0;
-    /**
-     * The flag determines if the `adjustElementsSize` method call was made during
-     * the render suspending. If true, the method has to be triggered once after render
-     * resuming.
-     *
-     * @private
-     * @type {boolean}
-     */
-    this.postponedAdjustElementsSize = false;
+    this.eventManager = new EventManager(this.instance);
+    this.settings = this.instance.getSettings();
     privatePool.set(this, {
       /**
        * Defines if the text should be selected during mousemove.
@@ -658,6 +706,7 @@ var TableView = /*#__PURE__*/function () {
             });
           }
           _this2.instance.runHooks('afterGetRowHeaderRenderers', headerRenderers);
+          _classPrivateFieldSet(_this2, _rowHeadersCount, headerRenderers.length);
           return headerRenderers;
         },
         columnHeaders: function columnHeaders() {
@@ -671,6 +720,7 @@ var TableView = /*#__PURE__*/function () {
             });
           }
           _this2.instance.runHooks('afterGetColumnHeaderRenderers', headerRenderers);
+          _classPrivateFieldSet(_this2, _columnHeadersCount, headerRenderers.length);
           return headerRenderers;
         },
         columnWidth: function columnWidth(renderedColumnIndex) {
@@ -715,10 +765,14 @@ var TableView = /*#__PURE__*/function () {
           return _this2.settings.fragmentSelection;
         },
         onWindowResize: function onWindowResize() {
-          if (!_this2.instance || _this2.instance.isDestroyed) {
-            return;
+          if (_this2.instance && !_this2.instance.isDestroyed) {
+            _this2.instance.refreshDimensions();
+          }
+        },
+        onContainerElementResize: function onContainerElementResize() {
+          if (_this2.instance && !_this2.instance.isDestroyed) {
+            _this2.instance.refreshDimensions();
           }
-          _this2.instance.refreshDimensions();
         },
         onCellMouseDown: function onCellMouseDown(event, coords, TD, wt) {
           var visualCoords = _this2.translateFromRenderableToVisualCoords(coords);
@@ -1119,7 +1173,7 @@ var TableView = /*#__PURE__*/function () {
      * @private
      * @param {number} visualColumnIndex Visual column index.
      * @param {HTMLTableCellElement} TH The table header element.
-     * @param {Function} label The function that returns the header label.
+     * @param {Function} [label] The function that returns the header label.
      * @param {number} [headerLevel=0] The index of header level counting from the top (positive
      *                                 values counting from 0 to N).
      */
@@ -1131,10 +1185,10 @@ var TableView = /*#__PURE__*/function () {
       if (TH.firstChild) {
         var container = TH.firstChild;
         if (hasClass(container, 'relative')) {
-          this.updateCellHeader(container.querySelector('.colHeader'), visualColumnIndex, label);
+          this.updateCellHeader(container.querySelector('.colHeader'), visualColumnIndex, label, headerLevel);
         } else {
           empty(TH);
-          this.appendColHeader(visualColumnIndex, TH, headerLevel);
+          this.appendColHeader(visualColumnIndex, TH, label, headerLevel);
         }
       } else {
         var rootDocument = this.instance.rootDocument;
@@ -1142,7 +1196,7 @@ var TableView = /*#__PURE__*/function () {
         var span = rootDocument.createElement('span');
         div.className = 'relative';
         span.className = 'colHeader';
-        this.updateCellHeader(span, visualColumnIndex, label);
+        this.updateCellHeader(span, visualColumnIndex, label, headerLevel);
         div.appendChild(span);
         TH.appendChild(div);
       }
@@ -1152,14 +1206,17 @@ var TableView = /*#__PURE__*/function () {
     /**
      * Updates header cell content.
      *
-     * @since 0.15.0-beta4
+     * @private
      * @param {HTMLElement} element Element to update.
      * @param {number} index Row index or column index.
      * @param {Function} content Function which should be returns content for this cell.
+     * @param {number} [headerLevel=0] The index of header level counting from the top (positive
+     *                                 values counting from 0 to N).
      */
   }, {
     key: "updateCellHeader",
     value: function updateCellHeader(element, index, content) {
+      var headerLevel = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
       var renderedIndex = index;
       var parentOverlay = this._wt.wtOverlays.getParentOverlay(element) || this._wt;
 
@@ -1172,7 +1229,7 @@ var TableView = /*#__PURE__*/function () {
         }
       }
       if (renderedIndex > -1) {
-        fastInnerHTML(element, content(index));
+        fastInnerHTML(element, content(index, headerLevel));
       } else {
         // workaround for https://github.com/handsontable/handsontable/issues/1946
         fastInnerText(element, String.fromCharCode(160));
@@ -1286,6 +1343,28 @@ var TableView = /*#__PURE__*/function () {
       return this.instance.columnIndexMapper.getVisualFromRenderableIndex(this.instance.view._wt.wtScroll.getLastVisibleColumn());
     }
 
+    /**
+     * Returns the total count of the rendered column headers.
+     *
+     * @returns {number}
+     */
+  }, {
+    key: "getColumnHeadersCount",
+    value: function getColumnHeadersCount() {
+      return _classPrivateFieldGet(this, _columnHeadersCount);
+    }
+
+    /**
+     * Returns the total count of the rendered row headers.
+     *
+     * @returns {number}
+     */
+  }, {
+    key: "getRowHeadersCount",
+    value: function getRowHeadersCount() {
+      return _classPrivateFieldGet(this, _rowHeadersCount);
+    }
+
     /**
      * Destroys internal WalkOnTable's instance. Detaches all of the bonded listeners.
      *