tabulator-tables 5.2.2 → 5.2.5

package/dist/js/tabulator.js

@@ -1,4 +1,4 @@
-/* Tabulator v5.2.2 (c) Oliver Folkerd 2022 */
+/* Tabulator v5.2.5 (c) Oliver Folkerd 2022 */
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
   typeof define === 'function' && define.amd ? define(factory) :
@@ -323,8 +323,8 @@
 
     _createClass(CoreFeature, [{
       key: "reloadData",
-      value: function reloadData(data, silent) {
-        return this.table.dataLoader.load(data, undefined, undefined, undefined, silent);
+      value: function reloadData(data, silent, columnsChanged) {
+        return this.table.dataLoader.load(data, undefined, undefined, undefined, silent, columnsChanged);
       } //////////////////////////////////////////
       ///////////// Localization ///////////////
       //////////////////////////////////////////
@@ -897,7 +897,6 @@
             break;
 
           case "undefined":
-          case "null":
             this.element.innerHTML = "";
             break;
 
@@ -1277,7 +1276,6 @@
           }
         }
 
-        this.contentElement = this._bindEvents();
         this.contentElement = this._buildColumnHeaderContent();
         this.element.appendChild(this.contentElement);
 
@@ -1288,92 +1286,12 @@
         }
 
         this.dispatch("column-init", this);
-      }
-    }, {
-      key: "_bindEvents",
-      value: function _bindEvents() {
-        var _this3 = this;
-
-        var def = this.definition,
-            dblTap,
-            tapHold,
-            tap; //setup header click event bindings
-
-        if (typeof def.headerClick == "function") {
-          this.element.addEventListener("click", function (e) {
-            def.headerClick(e, _this3.getComponent());
-          });
-        }
-
-        if (typeof def.headerDblClick == "function") {
-          this.element.addEventListener("dblclick", function (e) {
-            def.headerDblClick(e, _this3.getComponent());
-          });
-        }
-
-        if (typeof def.headerContext == "function") {
-          this.element.addEventListener("contextmenu", function (e) {
-            def.headerContext(e, _this3.getComponent());
-          });
-        } //setup header tap event bindings
-
-
-        if (typeof def.headerTap == "function") {
-          tap = false;
-          this.element.addEventListener("touchstart", function (e) {
-            tap = true;
-          }, {
-            passive: true
-          });
-          this.element.addEventListener("touchend", function (e) {
-            if (tap) {
-              def.headerTap(e, _this3.getComponent());
-            }
-
-            tap = false;
-          });
-        }
-
-        if (typeof def.headerDblTap == "function") {
-          dblTap = null;
-          this.element.addEventListener("touchend", function (e) {
-            if (dblTap) {
-              clearTimeout(dblTap);
-              dblTap = null;
-              def.headerDblTap(e, _this3.getComponent());
-            } else {
-              dblTap = setTimeout(function () {
-                clearTimeout(dblTap);
-                dblTap = null;
-              }, 300);
-            }
-          });
-        }
-
-        if (typeof def.headerTapHold == "function") {
-          tapHold = null;
-          this.element.addEventListener("touchstart", function (e) {
-            clearTimeout(tapHold);
-            tapHold = setTimeout(function () {
-              clearTimeout(tapHold);
-              tapHold = null;
-              tap = false;
-              def.headerTapHold(e, this.getComponent());
-            }, 1000);
-          }, {
-            passive: true
-          });
-          this.element.addEventListener("touchend", function (e) {
-            clearTimeout(tapHold);
-            tapHold = null;
-          });
-        }
       } //build header element for header
 
     }, {
       key: "_buildColumnHeader",
       value: function _buildColumnHeader() {
-        var _this4 = this;
+        var _this3 = this;
 
         var def = this.definition,
             table = this.table;
@@ -1391,7 +1309,7 @@
         if (def.cssClass) {
           var classeNames = def.cssClass.split(" ");
           classeNames.forEach(function (className) {
-            _this4.element.classList.add(className);
+            _this3.element.classList.add(className);
           });
         }
 
@@ -1434,7 +1352,7 @@
     }, {
       key: "_buildColumnHeaderTitle",
       value: function _buildColumnHeaderTitle() {
-        var _this5 = this;
+        var _this4 = this;
 
         var def = this.definition;
         var titleHolderElement = document.createElement("div");
@@ -1450,7 +1368,7 @@
           titleElement.addEventListener("change", function () {
             def.title = titleElement.value;
 
-            _this5.dispatchExternal("columnTitleChanged", _this5.getComponent());
+            _this4.dispatchExternal("columnTitleChanged", _this4.getComponent());
           });
           titleHolderElement.appendChild(titleElement);
 
@@ -1464,7 +1382,7 @@
         } else {
           if (def.field) {
             this.langBind("columns|" + def.field, function (text) {
-              _this5._formatColumnHeaderTitle(titleHolderElement, text || def.title || " ");
+              _this4._formatColumnHeaderTitle(titleHolderElement, text || def.title || " ");
             });
           } else {
             this._formatColumnHeaderTitle(titleHolderElement, def.title || " ");
@@ -1492,7 +1410,6 @@
             break;
 
           case "undefined":
-          case "null":
             el.innerHTML = "";
             break;
 
@@ -1504,7 +1421,7 @@
     }, {
       key: "_buildGroupHeader",
       value: function _buildGroupHeader() {
-        var _this6 = this;
+        var _this5 = this;
 
         this.element.classList.add("tabulator-col-group");
         this.element.setAttribute("role", "columngroup");
@@ -1513,7 +1430,7 @@
         if (this.definition.cssClass) {
           var classeNames = this.definition.cssClass.split(" ");
           classeNames.forEach(function (className) {
-            _this6.element.classList.add(className);
+            _this5.element.classList.add(className);
           });
         }
 
@@ -1944,40 +1861,40 @@
     }, {
       key: "delete",
       value: function _delete() {
-        var _this7 = this;
+        var _this6 = this;
 
         return new Promise(function (resolve, reject) {
 
-          if (_this7.isGroup) {
-            _this7.columns.forEach(function (column) {
+          if (_this6.isGroup) {
+            _this6.columns.forEach(function (column) {
               column["delete"]();
             });
           }
 
-          _this7.dispatch("column-delete", _this7);
+          _this6.dispatch("column-delete", _this6);
 
-          var cellCount = _this7.cells.length;
+          var cellCount = _this6.cells.length;
 
           for (var i = 0; i < cellCount; i++) {
-            _this7.cells[0]["delete"]();
+            _this6.cells[0]["delete"]();
           }
 
-          if (_this7.element.parentNode) {
-            _this7.element.parentNode.removeChild(_this7.element);
+          if (_this6.element.parentNode) {
+            _this6.element.parentNode.removeChild(_this6.element);
           }
 
-          _this7.element = false;
-          _this7.contentElement = false;
-          _this7.titleElement = false;
-          _this7.groupElement = false;
+          _this6.element = false;
+          _this6.contentElement = false;
+          _this6.titleElement = false;
+          _this6.groupElement = false;
 
-          if (_this7.parent.isGroup) {
-            _this7.parent.removeChild(_this7);
+          if (_this6.parent.isGroup) {
+            _this6.parent.removeChild(_this6);
           }
 
-          _this7.table.columnManager.deregisterColumn(_this7);
+          _this6.table.columnManager.deregisterColumn(_this6);
 
-          _this7.table.columnManager.renderer.rerenderColumns(true);
+          _this6.table.columnManager.renderer.rerenderColumns(true);
 
           resolve();
         });
@@ -2078,7 +1995,7 @@
     }, {
       key: "updateDefinition",
       value: function updateDefinition(updates) {
-        var _this8 = this;
+        var _this7 = this;
 
         var definition;
 
@@ -2087,11 +2004,11 @@
             definition = Object.assign({}, this.getDefinition());
             definition = Object.assign(definition, updates);
             return this.table.columnManager.addColumn(definition, false, this).then(function (column) {
-              if (definition.field == _this8.field) {
-                _this8.field = false; //cleair field name to prevent deletion of duplicate column from arrays
+              if (definition.field == _this7.field) {
+                _this7.field = false; //cleair field name to prevent deletion of duplicate column from arrays
               }
 
-              return _this8["delete"]().then(function () {
+              return _this7["delete"]().then(function () {
                 return column.getComponent();
               });
             });
@@ -2443,6 +2360,10 @@
                 }
 
                 break;
+
+              case "top":
+                _this2.elementVertical.scrollTop = rowEl.offsetTop;
+                break;
             }
 
             resolve();
@@ -5101,8 +5022,8 @@
       value: function createHolderElement() {
         var el = document.createElement("div");
         el.classList.add("tabulator-tableholder");
-        el.setAttribute("tabindex", 0);
-        el.setAttribute("role", "rowgroup");
+        el.setAttribute("tabindex", 0); // el.setAttribute("role", "rowgroup");
+
         return el;
       }
     }, {
@@ -5913,7 +5834,9 @@
             this.redrawBlockRenderInPosition = true;
           }
         } else {
+          this.dispatchExternal("renderStarted");
           this.renderer.rerenderRows(callback);
+          this.dispatchExternal("renderComplete");
         }
       }
     }, {
@@ -6687,7 +6610,7 @@
       value: function initialize() {}
     }, {
       key: "load",
-      value: function load(data, params, config, replace, silent) {
+      value: function load(data, params, config, replace, silent, columnsChanged) {
         var _this2 = this;
 
         var requestNo = ++this.requestOrder;
@@ -6721,7 +6644,7 @@
               if (rowData !== false) {
                 _this2.dispatchExternal("dataLoaded", rowData);
 
-                _this2.table.rowManager.setData(rowData, replace, !replace);
+                _this2.table.rowManager.setData(rowData, replace, typeof columnsChanged === "undefined" ? !replace : columnsChanged);
               }
             } else {
               console.warn("Data Load Response Blocked - An active data load request was blocked by an attempt to change table data while the request was being made");
@@ -6748,7 +6671,7 @@
             data = [];
           }
 
-          this.table.rowManager.setData(data, replace, !replace);
+          this.table.rowManager.setData(data, replace, typeof columnsChanged === "undefined" ? !replace : columnsChanged);
           return Promise.resolve();
         }
       }
@@ -7208,6 +7131,7 @@
 
       _this.blurEvent = _this.hide.bind(_assertThisInitialized(_this), false);
       _this.escEvent = _this._escapeCheck.bind(_assertThisInitialized(_this));
+      _this.destroyBinding = _this.hide.bind(_assertThisInitialized(_this), true);
       return _this;
     }
 
@@ -7340,6 +7264,7 @@
         this._fitToScreen(x, y, parentEl, parentOffset, position);
 
         this.visible = true;
+        this.subscribe("table-destroy", this.destroyBinding);
         return this;
       }
     }, {
@@ -7442,6 +7367,8 @@
           if (this.blurCallback && !silent) {
             this.blurCallback();
           }
+
+          this.unsubscribe("table-destroy", this.destroyBinding);
         }
 
         return this;
@@ -10997,9 +10924,24 @@
           this.subscribe("edit-cancelled", this.cellValueChanged.bind(this));
           this.subscribe("column-moving-rows", this.columnMoving.bind(this));
           this.subscribe("table-built", this.initializeElementField.bind(this));
+          this.subscribe("table-redrawing", this.tableRedrawing.bind(this));
           this.registerDisplayHandler(this.getRows.bind(this), 30);
         }
       }
+    }, {
+      key: "tableRedrawing",
+      value: function tableRedrawing(force) {
+        var _this2 = this;
+
+        var rows;
+
+        if (force) {
+          rows = this.table.rowManager.getRows();
+          rows.forEach(function (row) {
+            _this2.reinitializeRowChildren(row);
+          });
+        }
+      }
     }, {
       key: "initializeElementField",
       value: function initializeElementField() {
@@ -11014,11 +10956,11 @@
     }, {
       key: "columnMoving",
       value: function columnMoving() {
-        var _this2 = this;
+        var _this3 = this;
 
         var rows = [];
         this.table.rowManager.rows.forEach(function (row) {
-          rows = rows.concat(_this2.getTreeChildren(row, false, true));
+          rows = rows.concat(_this3.getTreeChildren(row, false, true));
         });
         return rows;
       }
@@ -11123,7 +11065,7 @@
     }, {
       key: "generateControlElement",
       value: function generateControlElement(row, el) {
-        var _this3 = this;
+        var _this4 = this;
 
         var config = row.modules.dataTree,
             el = el || row.getCells()[0].getElement(),
@@ -11135,14 +11077,14 @@
             config.controlEl.addEventListener("click", function (e) {
               e.stopPropagation();
 
-              _this3.collapseRow(row);
+              _this4.collapseRow(row);
             });
           } else {
             config.controlEl = this.expandEl.cloneNode(true);
             config.controlEl.addEventListener("click", function (e) {
               e.stopPropagation();
 
-              _this3.expandRow(row);
+              _this4.expandRow(row);
             });
           }
 
@@ -11170,7 +11112,7 @@
     }, {
       key: "getRows",
       value: function getRows(rows) {
-        var _this4 = this;
+        var _this5 = this;
 
         var output = [];
         rows.forEach(function (row, i) {
@@ -11182,7 +11124,7 @@
             config = row.modules.dataTree.children;
 
             if (!config.index && config.children !== false) {
-              children = _this4.getChildren(row);
+              children = _this5.getChildren(row);
               children.forEach(function (child) {
                 child.create();
                 output.push(child);
@@ -11195,7 +11137,7 @@
     }, {
       key: "getChildren",
       value: function getChildren(row, allChildren) {
-        var _this5 = this;
+        var _this6 = this;
 
         var config = row.modules.dataTree,
             children = [],
@@ -11219,7 +11161,7 @@
           children.forEach(function (child) {
             output.push(child);
 
-            var subChildren = _this5.getChildren(child);
+            var subChildren = _this6.getChildren(child);
 
             subChildren.forEach(function (sub) {
               output.push(sub);
@@ -11232,7 +11174,7 @@
     }, {
       key: "generateChildren",
       value: function generateChildren(row) {
-        var _this6 = this;
+        var _this7 = this;
 
         var children = [];
         var childArray = row.getData()[this.field];
@@ -11242,13 +11184,13 @@
         }
 
         childArray.forEach(function (childData) {
-          var childRow = new Row(childData || {}, _this6.table.rowManager);
+          var childRow = new Row(childData || {}, _this7.table.rowManager);
           childRow.create();
           childRow.modules.dataTree.index = row.modules.dataTree.index + 1;
           childRow.modules.dataTree.parent = row;
 
           if (childRow.modules.dataTree.children) {
-            childRow.modules.dataTree.open = _this6.startOpen(childRow.getComponent(), childRow.modules.dataTree.index);
+            childRow.modules.dataTree.open = _this7.startOpen(childRow.getComponent(), childRow.modules.dataTree.index);
           }
 
           children.push(childRow);
@@ -11302,6 +11244,11 @@
       value: function getTreeParent(row) {
         return row.modules.dataTree.parent ? row.modules.dataTree.parent.getComponent() : false;
       }
+    }, {
+      key: "getTreeParentRoot",
+      value: function getTreeParentRoot(row) {
+        return row.modules.dataTree.parent ? this.getTreeParentRoot(row.modules.dataTree.parent) : row;
+      }
     }, {
       key: "getFilteredTreeChildren",
       value: function getFilteredTreeChildren(row) {
@@ -11389,7 +11336,7 @@
     }, {
       key: "findChildIndex",
       value: function findChildIndex(subject, parent) {
-        var _this7 = this;
+        var _this8 = this;
 
         var match = false;
 
@@ -11416,7 +11363,7 @@
         } else {
           //subject should be treated as the index of the row
           match = parent.data[this.field].find(function (row) {
-            return row.data[_this7.table.options.index] == subject;
+            return row.data[_this8.table.options.index] == subject;
           });
         }
 
@@ -11436,7 +11383,7 @@
     }, {
       key: "getTreeChildren",
       value: function getTreeChildren(row, component, recurse) {
-        var _this8 = this;
+        var _this9 = this;
 
         var config = row.modules.dataTree,
             output = [];
@@ -11451,7 +11398,7 @@
               output.push(component ? childRow.getComponent() : childRow);
 
               if (recurse) {
-                output = output.concat(_this8.getTreeChildren(childRow, component, recurse));
+                output = output.concat(_this9.getTreeChildren(childRow, component, recurse));
               }
             }
           });
@@ -11505,11 +11452,10 @@
             if (col) {
               switch (_typeof(col.value)) {
                 case "object":
-                  col.value = JSON.stringify(col.value);
+                  col.value = col.value !== null ? JSON.stringify(col.value) : "";
                   break;
 
                 case "undefined":
-                case "null":
                   col.value = "";
                   break;
               }
@@ -11623,11 +11569,10 @@
         if (col) {
           switch (_typeof(col.value)) {
             case "object":
-              col.value = JSON.stringify(col.value);
+              col.value = col.value !== null ? JSON.stringify(col.value) : "";
               break;
 
             case "undefined":
-            case "null":
               col.value = "";
               break;
           }
@@ -12498,7 +12443,7 @@
         this.initialValues = this.params.multiselect ? initialValue : [initialValue];
 
         if (this.isFilter) {
-          this.input.value = this.initialValues.join(",");
+          this.input.value = this.initialValues ? this.initialValues.join(",") : "";
           this.headerFilterInitialListGen();
         }
       }
@@ -12942,7 +12887,7 @@
           values = this._ajaxRequest(this.params.valuesURL, this.input.value);
         } else {
           if (typeof this.params.valuesLookup === "function") {
-            values = this.params.valuesLookup(cell, this.input.value);
+            values = this.params.valuesLookup(this.cell, this.input.value);
           } else if (this.params.valuesLookup) {
             values = this._uniqueColumnValues(this.params.valuesLookupField);
           }
@@ -15146,11 +15091,10 @@
             } else {
               switch (_typeof(value)) {
                 case "object":
-                  value = JSON.stringify(value);
+                  value = value !== null ? JSON.stringify(value) : "";
                   break;
 
                 case "undefined":
-                case "null":
                   value = "";
                   break;
 
@@ -15935,7 +15879,7 @@
       value: function refreshFilter() {
         if (this.tableInitialized) {
           if (this.table.options.filterMode === "remote") {
-            this.reloadData();
+            this.reloadData(null, false, false);
           } else {
             this.refreshData(true);
           }
@@ -17189,7 +17133,6 @@
       _this.rightPadding = 0;
       _this.initializationMode = "left";
       _this.active = false;
-      _this.scrollEndTimer = false;
       _this.blocked = true;
 
       _this.registerColumnOption("frozen");
@@ -17296,21 +17239,12 @@
     }, {
       key: "scrollHorizontal",
       value: function scrollHorizontal() {
-        var _this3 = this;
-
-        var rows;
 
         if (this.active) {
-          clearTimeout(this.scrollEndTimer);
-          rows = this.table.rowManager.getVisibleRows();
           this.calcMargins(true);
           this.layoutColumnPosition();
           this.layoutCalcRows();
-          rows.forEach(function (row) {
-            if (row.type === "row") {
-              _this3.layoutRow(row);
-            }
-          });
+          this.reinitializeRows();
         }
       } //calculate margins for rows
 
@@ -17347,19 +17281,19 @@
     }, {
       key: "layoutGroupCalcs",
       value: function layoutGroupCalcs(groups) {
-        var _this4 = this;
+        var _this3 = this;
 
         groups.forEach(function (group) {
           if (group.calcs.top) {
-            _this4.layoutRow(group.calcs.top);
+            _this3.layoutRow(group.calcs.top);
           }
 
           if (group.calcs.bottom) {
-            _this4.layoutRow(group.calcs.bottom);
+            _this3.layoutRow(group.calcs.bottom);
           }
 
           if (group.groupList && group.groupList.length) {
-            _this4.layoutGroupCalcs(group.groupList && group.groupList);
+            _this3.layoutGroupCalcs(group.groupList && group.groupList);
           }
         });
       } //calculate column positions and layout headers
@@ -17367,7 +17301,7 @@
     }, {
       key: "layoutColumnPosition",
       value: function layoutColumnPosition(allCells) {
-        var _this5 = this;
+        var _this4 = this;
 
         var leftParents = [];
         var leftMargin = 0;
@@ -17375,23 +17309,24 @@
         this.table.columnManager.headersElement.style.marginLeft = this.leftMargin;
         this.table.columnManager.element.style.paddingRight = this.rightMargin;
         this.leftColumns.forEach(function (column, i) {
-          column.modules.frozen.margin = leftMargin + _this5.table.columnManager.scrollLeft + "px";
+          column.modules.frozen.marginValue = leftMargin + _this4.table.columnManager.scrollLeft;
+          column.modules.frozen.margin = column.modules.frozen.marginValue + "px";
 
           if (column.visible) {
             leftMargin += column.getWidth();
           }
 
-          if (i == _this5.leftColumns.length - 1) {
+          if (i == _this4.leftColumns.length - 1) {
             column.modules.frozen.edge = true;
           } else {
             column.modules.frozen.edge = false;
           }
 
           if (column.parent.isGroup) {
-            var parentEl = _this5.getColGroupParentElement(column);
+            var parentEl = _this4.getColGroupParentElement(column);
 
             if (!leftParents.includes(parentEl)) {
-              _this5.layoutElement(parentEl, column);
+              _this4.layoutElement(parentEl, column);
 
               leftParents.push(parentEl);
             }
@@ -17400,12 +17335,12 @@
               parentEl.classList.add("tabulator-frozen-" + column.modules.frozen.position);
             }
           } else {
-            _this5.layoutElement(column.getElement(), column);
+            _this4.layoutElement(column.getElement(), column);
           }
 
           if (allCells) {
             column.cells.forEach(function (cell) {
-              _this5.layoutElement(cell.getElement(true), column);
+              _this4.layoutElement(cell.getElement(true), column);
             });
           }
         });
@@ -17414,23 +17349,24 @@
             rightMargin += column.getWidth();
           }
 
-          column.modules.frozen.margin = _this5.rightPadding - rightMargin + "px";
+          column.modules.frozen.marginValue = _this4.rightPadding - rightMargin;
+          column.modules.frozen.margin = column.modules.frozen.marginValue + "px";
 
-          if (i == _this5.rightColumns.length - 1) {
+          if (i == _this4.rightColumns.length - 1) {
             column.modules.frozen.edge = true;
           } else {
             column.modules.frozen.edge = false;
           }
 
           if (column.parent.isGroup) {
-            _this5.layoutElement(_this5.getColGroupParentElement(column), column);
+            _this4.layoutElement(_this4.getColGroupParentElement(column), column);
           } else {
-            _this5.layoutElement(column.getElement(), column);
+            _this4.layoutElement(column.getElement(), column);
           }
 
           if (allCells) {
             column.cells.forEach(function (cell) {
-              _this5.layoutElement(cell.getElement(true), column);
+              _this4.layoutElement(cell.getElement(true), column);
             });
           }
         });
@@ -17444,35 +17380,37 @@
     }, {
       key: "layout",
       value: function layout() {
-        var _this6 = this;
-
-        var visibleRows = [],
-            otherRows = [];
-
         if (this.active && !this.blocked) {
           //calculate row padding
           this.calcMargins(); //calculate left columns
 
           this.layoutColumnPosition();
-          visibleRows = this.table.rowManager.getVisibleRows();
-          otherRows = this.table.rowManager.getDisplayRows().filter(function (row) {
-            return !visibleRows.includes(row);
-          });
-          otherRows.forEach(function (row) {
-            row.deinitialize();
-          });
-          visibleRows.forEach(function (row) {
-            if (row.type === "row") {
-              _this6.layoutRow(row);
-            }
-          });
+          this.reinitializeRows();
           this.layoutCalcRows();
         }
       }
+    }, {
+      key: "reinitializeRows",
+      value: function reinitializeRows() {
+        var _this5 = this;
+
+        var visibleRows = this.table.rowManager.getVisibleRows();
+        var otherRows = this.table.rowManager.getRows().filter(function (row) {
+          return !visibleRows.includes(row);
+        });
+        otherRows.forEach(function (row) {
+          row.deinitialize();
+        });
+        visibleRows.forEach(function (row) {
+          if (row.type === "row") {
+            _this5.layoutRow(row);
+          }
+        });
+      }
     }, {
       key: "layoutRow",
       value: function layoutRow(row) {
-        var _this7 = this;
+        var _this6 = this;
 
         // console.trace("row")
         var rowEl = row.getElement();
@@ -17486,14 +17424,14 @@
           var cell = row.getCell(column);
 
           if (cell) {
-            _this7.layoutElement(cell.getElement(true), column);
+            _this6.layoutElement(cell.getElement(true), column);
           }
         });
         this.rightColumns.forEach(function (column) {
           var cell = row.getCell(column);
 
           if (cell) {
-            _this7.layoutElement(cell.getElement(true), column);
+            _this6.layoutElement(cell.getElement(true), column);
           }
         });
       }
@@ -18819,6 +18757,11 @@
       key: "getRowGroup",
       value: function getRowGroup(row) {
         var match = false;
+
+        if (this.options("dataTree")) {
+          row = this.table.modules.dataTree.getTreeParentRoot(row);
+        }
+
         this.groupList.forEach(function (group) {
           var result = group.getRowGroup(row);
 
@@ -20679,7 +20622,7 @@
             config = {},
             colEl;
 
-        if (!column.modules.frozen) {
+        if (!column.modules.frozen && !column.isGroup) {
           colEl = column.getElement();
 
           config.mousemove = function (e) {
@@ -22476,7 +22419,6 @@
               break;
 
             case "undefined":
-            case "null":
               this.pageCounterElement.innerHTML = "";
               break;
 
@@ -23245,6 +23187,7 @@
             if (_this3.config.columns === true || _this3.config.columns == undefined) {
               keys = Object.keys(colDef);
               keys.push("width");
+              keys.push("visible");
             } else {
               keys = _this3.config.columns;
             }
@@ -24006,6 +23949,7 @@
           this.subscribe("column-moved", this.columnLayoutUpdated.bind(this));
           this.subscribe("column-hide", this.deInitializeColumn.bind(this));
           this.subscribe("column-show", this.columnLayoutUpdated.bind(this));
+          this.subscribe("column-width", this.columnWidthUpdated.bind(this));
           this.subscribe("column-delete", this.deInitializeComponent.bind(this));
           this.subscribe("column-height", this.resizeHandle.bind(this));
           this.initialized = true;
@@ -24038,16 +23982,42 @@
           this.reinitializeColumn(prev);
         }
       }
+    }, {
+      key: "columnWidthUpdated",
+      value: function columnWidthUpdated(column) {
+        var _this2 = this;
+
+        if (column.modules.frozen) {
+          if (this.table.modules.frozenColumns.leftColumns.includes(column)) {
+            this.table.modules.frozenColumns.leftColumns.forEach(function (col) {
+              _this2.reinitializeColumn(col);
+            });
+          } else if (this.table.modules.frozenColumns.rightColumns.includes(column)) {
+            this.table.modules.frozenColumns.rightColumns.forEach(function (col) {
+              _this2.reinitializeColumn(col);
+            });
+          }
+        }
+      }
     }, {
       key: "reinitializeColumn",
       value: function reinitializeColumn(column) {
+        var frozenOffset = column.modules.frozen ? column.modules.frozen.marginValue + column.getWidth() + "px" : false;
         column.cells.forEach(function (cell) {
           if (cell.modules.resize && cell.modules.resize.handleEl) {
+            if (frozenOffset) {
+              cell.modules.resize.handleEl.style.left = frozenOffset;
+            }
+
             cell.element.after(cell.modules.resize.handleEl);
           }
         });
 
         if (column.modules.resize && column.modules.resize.handleEl) {
+          if (frozenOffset) {
+            column.modules.resize.handleEl.style.left = frozenOffset;
+          }
+
           column.element.after(column.modules.resize.handleEl);
         }
       }
@@ -24096,9 +24066,15 @@
               self.table.externalEvents.dispatch("columnResized", nearestColumn.getComponent());
             }
           });
+
+          if (column.modules.frozen) {
+            handle.style.position = "absolute";
+            handle.style.left = column.modules.frozen.marginValue + column.getWidth() + "px";
+          }
+
           config.handleEl = handle;
 
-          if (element.parentNode) {
+          if (element.parentNode && column.visible) {
             element.after(handle);
           }
         }
@@ -24108,11 +24084,11 @@
     }, {
       key: "deInitializeColumn",
       value: function deInitializeColumn(column) {
-        var _this2 = this;
+        var _this3 = this;
 
         this.deInitializeComponent(column);
         column.cells.forEach(function (cell) {
-          _this2.deInitializeComponent(cell);
+          _this3.deInitializeComponent(cell);
         });
       }
     }, {
@@ -25834,7 +25810,7 @@
       key: "refreshSort",
       value: function refreshSort() {
         if (this.table.options.sortMode === "remote") {
-          this.reloadData();
+          this.reloadData(null, false, false);
         } else {
           this.refreshData(true);
         } //TODO - Persist left position of row manager
@@ -26010,7 +25986,7 @@
       key: "setColumnHeader",
       value: function setColumnHeader(column, dir) {
         column.modules.sort.dir = dir;
-        column.getElement().setAttribute("aria-sort", dir);
+        column.getElement().setAttribute("aria-sort", dir === "asc" ? "ascending" : "descending");
       } //sort each item in sort list
 
     }, {
@@ -26442,7 +26418,7 @@
 
         var invalid = [];
         column.cells.forEach(function (cell) {
-          if (!_this3.cellValidate(cell)) {
+          if (_this3.cellValidate(cell) !== true) {
             invalid.push(cell.getComponent());
           }
         });
@@ -26458,7 +26434,7 @@
 
         var invalid = [];
         row.cells.forEach(function (cell) {
-          if (!_this4.cellValidate(cell)) {
+          if (_this4.cellValidate(cell) !== true) {
             invalid.push(cell.getComponent());
           }
         });