tabulator-tables 5.3.0 → 5.3.3

package/dist/js/tabulator.js

@@ -1,4 +1,4 @@
-/* Tabulator v5.3.0 (c) Oliver Folkerd 2022 */
+/* Tabulator v5.3.3 (c) Oliver Folkerd 2022 */
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
   typeof define === 'function' && define.amd ? define(factory) :
@@ -1624,8 +1624,19 @@
 
     }, {
       key: "getColumns",
-      value: function getColumns() {
-        return this.columns;
+      value: function getColumns(traverse) {
+        var columns = [];
+
+        if (traverse) {
+          this.columns.forEach(function (column) {
+            columns.push(column);
+            columns = columns.concat(column.getColumns(true));
+          });
+        } else {
+          columns = this.columns;
+        }
+
+        return columns;
       } //return all columns in a group
 
     }, {
@@ -1855,6 +1866,11 @@
     }, {
       key: "setMinWidth",
       value: function setMinWidth(minWidth) {
+        if (this.maxWidth && minWidth > this.maxWidth) {
+          minWidth = this.maxWidth;
+          console.warn("the minWidth (" + minWidth + "px) for column '" + this.field + "' cannot be bigger that its maxWidth (" + this.maxWidthStyled + ")");
+        }
+
         this.minWidth = minWidth;
         this.minWidthStyled = minWidth ? minWidth + "px" : "";
         this.element.style.minWidth = this.minWidthStyled;
@@ -1865,6 +1881,11 @@
     }, {
       key: "setMaxWidth",
       value: function setMaxWidth(maxWidth) {
+        if (this.minWidth && maxWidth < this.minWidth) {
+          maxWidth = this.minWidth;
+          console.warn("the maxWidth (" + maxWidth + "px) for column '" + this.field + "' cannot be smaller that its minWidth (" + this.minWidthStyled + ")");
+        }
+
         this.maxWidth = maxWidth;
         this.maxWidthStyled = maxWidth ? maxWidth + "px" : "";
         this.element.style.maxWidth = this.maxWidthStyled;
@@ -3304,6 +3325,7 @@
         var minHeight = 0;
 
         if (!this.redrawBlock) {
+          this.element.style.height = "";
           this.columns.forEach(function (column) {
             column.clearVerticalAlign();
           });
@@ -3314,6 +3336,7 @@
               minHeight = height;
             }
           });
+          this.element.style.height = minHeight + "px";
           this.columns.forEach(function (column) {
             column.verticalAlign(_this3.table.options.columnHeaderVertAlign, minHeight);
           });
@@ -3324,6 +3347,8 @@
     }, {
       key: "findColumn",
       value: function findColumn(subject) {
+        var columns;
+
         if (_typeof(subject) == "object") {
           if (subject instanceof Column) {
             //subject is column element
@@ -3332,8 +3357,13 @@
             //subject is public column component
             return subject._getSelf() || false;
           } else if (typeof HTMLElement !== "undefined" && subject instanceof HTMLElement) {
-            //subject is a HTML element of the column header
-            var match = this.columns.find(function (column) {
+            columns = [];
+            this.columns.forEach(function (column) {
+              columns.push(column);
+              columns = columns.concat(column.getColumns(true));
+            }); //subject is a HTML element of the column header
+
+            var match = columns.find(function (column) {
               return column.element === subject;
             });
             return match || false;
@@ -3451,13 +3481,13 @@
     }, {
       key: "moveColumn",
       value: function moveColumn(from, to, after) {
-        this.moveColumnActual(from, to, after);
         to.element.parentNode.insertBefore(from.element, to.element);
 
         if (after) {
           to.element.parentNode.insertBefore(to.element, from.element);
         }
 
+        this.moveColumnActual(from, to, after);
         this.verticalAlignHeaders();
         this.table.rowManager.reinitialize();
       }
@@ -5664,80 +5694,82 @@
             index = 0,
             cascadeOrder = ["all", "dataPipeline", "display", "displayPipeline", "end"];
 
-        if (typeof handler === "function") {
-          index = this.dataPipeline.findIndex(function (item) {
-            return item.handler === handler;
-          });
-
-          if (index > -1) {
-            stage = "dataPipeline";
-
-            if (skipStage) {
-              if (index == this.dataPipeline.length - 1) {
-                stage = "display";
-              } else {
-                index++;
-              }
-            }
-          } else {
-            index = this.displayPipeline.findIndex(function (item) {
+        if (!this.table.destroyed) {
+          if (typeof handler === "function") {
+            index = this.dataPipeline.findIndex(function (item) {
               return item.handler === handler;
             });
 
             if (index > -1) {
-              stage = "displayPipeline";
+              stage = "dataPipeline";
 
               if (skipStage) {
-                if (index == this.displayPipeline.length - 1) {
-                  stage = "end";
+                if (index == this.dataPipeline.length - 1) {
+                  stage = "display";
                 } else {
                   index++;
                 }
               }
             } else {
-              console.error("Unable to refresh data, invalid handler provided", handler);
-              return;
+              index = this.displayPipeline.findIndex(function (item) {
+                return item.handler === handler;
+              });
+
+              if (index > -1) {
+                stage = "displayPipeline";
+
+                if (skipStage) {
+                  if (index == this.displayPipeline.length - 1) {
+                    stage = "end";
+                  } else {
+                    index++;
+                  }
+                }
+              } else {
+                console.error("Unable to refresh data, invalid handler provided", handler);
+                return;
+              }
             }
+          } else {
+            stage = handler || "all";
+            index = 0;
           }
-        } else {
-          stage = handler || "all";
-          index = 0;
-        }
 
-        if (this.redrawBlock) {
-          if (!this.redrawBlockRestoreConfig || this.redrawBlockRestoreConfig && (this.redrawBlockRestoreConfig.stage === stage && index < this.redrawBlockRestoreConfig.index || cascadeOrder.indexOf(stage) < cascadeOrder.indexOf(this.redrawBlockRestoreConfig.stage))) {
-            this.redrawBlockRestoreConfig = {
-              handler: handler,
-              skipStage: skipStage,
-              renderInPosition: renderInPosition,
-              stage: stage,
-              index: index
-            };
-          }
+          if (this.redrawBlock) {
+            if (!this.redrawBlockRestoreConfig || this.redrawBlockRestoreConfig && (this.redrawBlockRestoreConfig.stage === stage && index < this.redrawBlockRestoreConfig.index || cascadeOrder.indexOf(stage) < cascadeOrder.indexOf(this.redrawBlockRestoreConfig.stage))) {
+              this.redrawBlockRestoreConfig = {
+                handler: handler,
+                skipStage: skipStage,
+                renderInPosition: renderInPosition,
+                stage: stage,
+                index: index
+              };
+            }
 
-          return;
-        } else {
-          if (Helpers.elVisible(this.element)) {
-            if (renderInPosition) {
-              this.reRenderInPosition(this.refreshPipelines.bind(this, handler, stage, index, renderInPosition));
-            } else {
-              this.refreshPipelines(handler, stage, index, renderInPosition);
+            return;
+          } else {
+            if (Helpers.elVisible(this.element)) {
+              if (renderInPosition) {
+                this.reRenderInPosition(this.refreshPipelines.bind(this, handler, stage, index, renderInPosition));
+              } else {
+                this.refreshPipelines(handler, stage, index, renderInPosition);
 
-              if (!handler) {
-                this.table.columnManager.renderer.renderColumns();
-              }
+                if (!handler) {
+                  this.table.columnManager.renderer.renderColumns();
+                }
 
-              this.renderTable();
+                this.renderTable();
 
-              if (table.options.layoutColumnsOnNewData) {
-                this.table.columnManager.redraw(true);
+                if (table.options.layoutColumnsOnNewData) {
+                  this.table.columnManager.redraw(true);
+                }
               }
+            } else {
+              this.refreshPipelines(handler, stage, index, renderInPosition);
             }
-          } else {
-            this.refreshPipelines(handler, stage, index, renderInPosition);
-          }
 
-          this.dispatch("data-refreshed");
+            this.dispatch("data-refreshed");
+          }
         }
       }
     }, {
@@ -5803,31 +5835,16 @@
         this.displayRows = [];
         this.displayRows.push(this.activeRows.slice(0));
         this.displayRowsCount = this.displayRows[0].length;
-      }
-    }, {
-      key: "getNextDisplayIndex",
-      value: function getNextDisplayIndex() {
-        return this.displayRows.length;
       } //set display row pipeline data
 
     }, {
       key: "setDisplayRows",
       value: function setDisplayRows(displayRows, index) {
-        var output = true;
-
-        if (index && typeof this.displayRows[index] != "undefined") {
-          this.displayRows[index] = displayRows;
-          output = true;
-        } else {
-          this.displayRows.push(displayRows);
-          output = index = this.displayRows.length - 1;
-        }
+        this.displayRows[index] = displayRows;
 
         if (index == this.displayRows.length - 1) {
           this.displayRowsCount = this.displayRows[this.displayRows.length - 1].length;
         }
-
-        return output;
       }
     }, {
       key: "getDisplayRows",
@@ -5861,23 +5878,24 @@
     }, {
       key: "getRows",
       value: function getRows(type) {
-        var rows;
-
-        switch (type) {
-          case "active":
-            rows = this.activeRows;
-            break;
+        var rows = [];
 
-          case "display":
-            rows = this.table.rowManager.getDisplayRows();
-            break;
+        if (!type) {
+          rows = this.chain("rows-retrieve", type, null, this.rows) || this.rows;
+        } else {
+          switch (type) {
+            case "active":
+              rows = this.activeRows;
+              break;
 
-          case "visible":
-            rows = this.getVisibleRows(false, true);
-            break;
+            case "display":
+              rows = this.table.rowManager.getDisplayRows();
+              break;
 
-          default:
-            rows = this.chain("rows-retrieve", type, null, this.rows) || this.rows;
+            case "visible":
+              rows = this.getVisibleRows(false, true);
+              break;
+          }
         }
 
         return rows;
@@ -5920,6 +5938,7 @@
         }
 
         if (renderClass) {
+          this.renderMode = this.table.options.renderVertical;
           this.renderer = new renderClass(this.table, this.element, this.tableElement);
           this.renderer.initialize();
 
@@ -5985,9 +6004,7 @@
         this._clearPlaceholder();
 
         this.scrollTop = 0;
-        this.scrollLeft = 0; // clear empty table placeholder min
-
-        this.tableElement.style.minWidth = "";
+        this.scrollLeft = 0;
         this.renderer.clearRows();
       }
     }, {
@@ -6004,7 +6021,9 @@
       key: "_clearPlaceholder",
       value: function _clearPlaceholder() {
         if (this.placeholder && this.placeholder.parentNode) {
-          this.placeholder.parentNode.removeChild(this.placeholder);
+          this.placeholder.parentNode.removeChild(this.placeholder); // clear empty table placeholder min
+
+          this.tableElement.style.minWidth = "";
         }
       }
     }, {
@@ -6487,7 +6506,10 @@
             try {
               for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
                 var target = _step3.value;
-                targets[this.componentMap[target]] = el;
+
+                if (!targets[this.componentMap[target]]) {
+                  targets[this.componentMap[target]] = el;
+                }
               }
             } catch (err) {
               _iterator3.e(err);
@@ -6515,6 +6537,7 @@
         //ensure row component is looked up before cell
         var keys = Object.keys(targets).reverse(),
             listener = this.listeners[type],
+            matches = {},
             targetMatches = {};
 
         var _iterator4 = _createForOfIteratorHelper(keys),
@@ -6523,9 +6546,9 @@
         try {
           var _loop = function _loop() {
             var key = _step4.value;
-            var component = void 0;
-            var target = targets[key];
-            var previousTarget = _this5.previousTargets[key];
+            var component = void 0,
+                target = targets[key],
+                previousTarget = _this5.previousTargets[key];
 
             if (previousTarget && previousTarget.target === target) {
               component = previousTarget.component;
@@ -6556,8 +6579,8 @@
 
                 case "cell":
                   if (listener.components.includes("cell")) {
-                    if (targets["row"] instanceof Row) {
-                      component = targets["row"].findCell(target);
+                    if (matches["row"] instanceof Row) {
+                      component = matches["row"].findCell(target);
                     } else {
                       if (targets["row"]) {
                         console.warn("Event Target Lookup Error - The row this cell is attached to cannot be found, has the table been reinitialized without being destroyed first?");
@@ -6570,7 +6593,7 @@
             }
 
             if (component) {
-              targets[key] = component;
+              matches[key] = component;
               targetMatches[key] = {
                 target: target,
                 component: component
@@ -6588,7 +6611,7 @@
         }
 
         this.previousTargets = targetMatches;
-        return targets;
+        return matches;
       }
     }, {
       key: "triggerEvents",
@@ -7616,6 +7639,41 @@
         this.table.rowManager.registerDisplayPipelineHandler(handler, priority);
         this._handler = handler;
       }
+    }, {
+      key: "displayRows",
+      value: function displayRows(adjust) {
+        var _this3 = this;
+
+        var index = this.table.rowManager.displayRows.length - 1,
+            lookupIndex;
+
+        if (this._handler) {
+          lookupIndex = this.table.rowManager.displayPipeline.findIndex(function (item) {
+            return item.handler === _this3._handler;
+          });
+
+          if (lookupIndex > -1) {
+            index = lookupIndex;
+          }
+        }
+
+        if (adjust) {
+          index = index + adjust;
+        }
+
+        if (this._handler) {
+          if (index > -1) {
+            return this.table.rowManager.getDisplayRows(index);
+          } else {
+            return this.activeRows();
+          }
+        }
+      }
+    }, {
+      key: "activeRows",
+      value: function activeRows() {
+        return this.table.rowManager.activeRows;
+      }
     }, {
       key: "refreshData",
       value: function refreshData(renderInPosition, handler) {
@@ -7737,7 +7795,7 @@
 
   //resize columns to fit
   function fitColumns (columns, forced) {
-    var totalWidth = this.table.element.clientWidth; //table element width
+    var totalWidth = this.table.rowManager.element.getBoundingClientRect().width; //table element width
 
     var fixedWidth = 0; //total width of columns with a defined width
 
@@ -7820,8 +7878,7 @@
         });
         remainingSpace = freeSpace - oversizeSpace;
         nextColWidth = changeUnits ? Math.floor(remainingSpace / changeUnits) : remainingSpace;
-        gap = remainingSpace - nextColWidth * changeUnits;
-        gap += scaleColumns(undersizeCols, remainingSpace, nextColWidth, shrinkCols);
+        gap = scaleColumns(undersizeCols, remainingSpace, nextColWidth, shrinkCols);
       } else {
         gap = changeUnits ? freeSpace - Math.floor(freeSpace / changeUnits) * changeUnits : freeSpace;
         undersizeCols.forEach(function (column) {
@@ -7876,7 +7933,7 @@
     gapFill = scaleColumns(flexColumns, flexWidth, flexColWidth, false); //increase width of last column to account for rounding errors
 
     if (flexColumns.length && gapFill > 0) {
-      flexColumns[flexColumns.length - 1].width += +gapFill;
+      flexColumns[flexColumns.length - 1].width += gapFill;
     } //calculate space for columns to be shrunk into
 
 
@@ -7890,7 +7947,7 @@
     } //decrease width of last column to account for rounding errors
 
 
-    if (fixedShrinkColumns.length) {
+    if (gapFill && fixedShrinkColumns.length) {
       fixedShrinkColumns[fixedShrinkColumns.length - 1].width -= gapFill;
     }
 
@@ -8892,7 +8949,7 @@
             data = JSON.parse(data);
           }
 
-          if (data) {
+          if (data && data.length > 0) {
             data.forEach(function (item) {
               var row = _this2.rowManager.findRow(item[_this2.options.index]);
 
@@ -8956,7 +9013,7 @@
             data = JSON.parse(data);
           }
 
-          if (data) {
+          if (data && data.length > 0) {
             data.forEach(function (item) {
               var row = _this4.rowManager.findRow(item[_this4.options.index]);
 
@@ -10490,7 +10547,7 @@
       key: "rowsUpdated",
       value: function rowsUpdated(row) {
         if (this.table.options.groupBy) {
-          this.recalcRowGroup(this);
+          this.recalcRowGroup(row);
         } else {
           this.recalcActiveRows();
         }
@@ -10960,8 +11017,6 @@
 
       _this.startOpen = function () {};
 
-      _this.displayIndex = 0;
-
       _this.registerTableOption("dataTree", false); //enable data tree
 
 
@@ -11023,6 +11078,10 @@
           this.field = options.dataTreeChildField;
           this.indent = options.dataTreeChildIndent;
 
+          if (this.options("movableRows")) {
+            console.warn("The movableRows option is not available with dataTree enabled, moving of child rows could result in unpredictable behavior");
+          }
+
           if (options.dataTreeBranchElement) {
             if (options.dataTreeBranchElement === true) {
               this.branchEl = document.createElement("div");
@@ -11271,16 +11330,6 @@
           }
         }
       }
-    }, {
-      key: "setDisplayIndex",
-      value: function setDisplayIndex(index) {
-        this.displayIndex = index;
-      }
-    }, {
-      key: "getDisplayIndex",
-      value: function getDisplayIndex() {
-        return this.displayIndex;
-      }
     }, {
       key: "getRows",
       value: function getRows(rows) {
@@ -11419,7 +11468,7 @@
     }, {
       key: "getTreeParentRoot",
       value: function getTreeParentRoot(row) {
-        return row.modules.dataTree.parent ? this.getTreeParentRoot(row.modules.dataTree.parent) : row;
+        return row.modules.dataTree && row.modules.dataTree.parent ? this.getTreeParentRoot(row.modules.dataTree.parent) : row;
       }
     }, {
       key: "getFilteredTreeChildren",
@@ -13834,7 +13883,7 @@
           if (!startVis) {
             setTimeout(function () {
               _this13.popup.hideOnBlur(_this13._resolveValue.bind(_this13, true));
-            });
+            }, 10);
           }
         }
       }
@@ -16267,6 +16316,9 @@
               getColumn: function getColumn() {
                 return column.getComponent();
               },
+              getTable: function getTable() {
+                return _this3.table;
+              },
               getRow: function getRow() {
                 return {
                   normalizeHeight: function normalizeHeight() {}
@@ -18244,7 +18296,7 @@
     }, {
       key: "isVisible",
       value: function isVisible() {
-        return this._group.visible;
+        return this._group._visible;
       }
     }, {
       key: "show",
@@ -18637,7 +18689,7 @@
       value: function hide() {
         this.visible = false;
 
-        if (this.groupManager.table.rowManager.getRenderMode() == "classic" && !this.groupManager.table.options.pagination) {
+        if (this.groupManager.table.rowManager.getRenderMode() == "basic" && !this.groupManager.table.options.pagination) {
           this.element.classList.remove("tabulator-group-visible");
 
           if (this.groupList.length) {
@@ -18654,8 +18706,7 @@
             });
           }
 
-          this.groupManager.table.rowManager.setDisplayRows(this.groupManager.updateGroupRows(), this.groupManager.getDisplayIndex());
-          this.groupManager.table.rowManager.checkClassicModeGroupHeaderWidth();
+          this.groupManager.updateGroupRows(true);
         } else {
           this.groupManager.updateGroupRows(true);
         }
@@ -18667,7 +18718,7 @@
       value: function show() {
         this.visible = true;
 
-        if (this.groupManager.table.rowManager.getRenderMode() == "classic" && !this.groupManager.table.options.pagination) {
+        if (this.groupManager.table.rowManager.getRenderMode() == "basic" && !this.groupManager.table.options.pagination) {
           this.element.classList.add("tabulator-group-visible");
           var prev = this.generateElement();
 
@@ -18690,8 +18741,7 @@
             });
           }
 
-          this.groupManager.table.rowManager.setDisplayRows(this.groupManager.updateGroupRows(), this.groupManager.getDisplayIndex());
-          this.groupManager.table.rowManager.checkClassicModeGroupHeaderWidth();
+          this.groupManager.updateGroupRows(true);
         } else {
           this.groupManager.updateGroupRows(true);
         }
@@ -18916,8 +18966,6 @@
       _this.allowedValues = false;
       _this.groups = {}; //hold row groups
 
-      _this.displayIndex = 0; //index in display pipeline
-
       _this.displayHandler = _this.getRows.bind(_assertThisInitialized(_this)); //register table options
 
       _this.registerTableOption("groupBy", false); //enable table grouping and set field to group by
@@ -19088,8 +19136,11 @@
     }, {
       key: "rowSample",
       value: function rowSample(rows, prevValue) {
-        var group = this.getGroups(false)[0];
-        prevValue.push(group.getRows(false)[0]);
+        if (this.table.options.groupBy) {
+          var group = this.getGroups(false)[0];
+          prevValue.push(group.getRows(false)[0]);
+        }
+
         return prevValue;
       }
     }, {
@@ -19097,40 +19148,43 @@
       value: function virtualRenderFill() {
         var el = this.table.rowManager.tableElement;
         var rows = this.table.rowManager.getVisibleRows();
-        rows = rows.filter(function (row) {
-          return row.type !== "group";
-        });
-        el.style.minWidth = !rows.length ? this.table.columnManager.getWidth() + "px" : ""; // if(this.table.options.groupBy){
-        // 	if(this.layoutMode() != "fitDataFill" && rowsCount == this.table.modules.groupRows.countGroups()){
-        // 		el.style.minWidth = this.table.columnManager.getWidth() + "px";
-        // 	}
-        // }
+
+        if (this.table.options.groupBy) {
+          rows = rows.filter(function (row) {
+            return row.type !== "group";
+          });
+          el.style.minWidth = !rows.length ? this.table.columnManager.getWidth() + "px" : "";
+        } else {
+          return rows;
+        }
       }
     }, {
       key: "rowAddingIndex",
       value: function rowAddingIndex(row, index, top) {
-        this.assignRowToGroup(row);
-        var groupRows = row.modules.group.rows;
-
-        if (groupRows.length > 1) {
-          if (!index || index && groupRows.indexOf(index) == -1) {
-            if (top) {
-              if (groupRows[0] !== row) {
-                index = groupRows[0];
-                this.table.rowManager.moveRowInArray(row.modules.group.rows, row, index, !top);
+        if (this.table.options.groupBy) {
+          this.assignRowToGroup(row);
+          var groupRows = row.modules.group.rows;
+
+          if (groupRows.length > 1) {
+            if (!index || index && groupRows.indexOf(index) == -1) {
+              if (top) {
+                if (groupRows[0] !== row) {
+                  index = groupRows[0];
+                  this.table.rowManager.moveRowInArray(row.modules.group.rows, row, index, !top);
+                }
+              } else {
+                if (groupRows[groupRows.length - 1] !== row) {
+                  index = groupRows[groupRows.length - 1];
+                  this.table.rowManager.moveRowInArray(row.modules.group.rows, row, index, !top);
+                }
               }
             } else {
-              if (groupRows[groupRows.length - 1] !== row) {
-                index = groupRows[groupRows.length - 1];
-                this.table.rowManager.moveRowInArray(row.modules.group.rows, row, index, !top);
-              }
+              this.table.rowManager.moveRowInArray(row.modules.group.rows, row, index, !top);
             }
-          } else {
-            this.table.rowManager.moveRowInArray(row.modules.group.rows, row, index, !top);
           }
-        }
 
-        return index;
+          return index;
+        }
       }
     }, {
       key: "trackChanges",
@@ -19212,50 +19266,46 @@
     }, {
       key: "rowMoving",
       value: function rowMoving(from, to, after) {
-        if (!after && to instanceof Group) {
-          to = this.table.rowManager.prevDisplayRow(from) || to;
-        }
+        if (this.table.options.groupBy) {
+          if (!after && to instanceof Group) {
+            to = this.table.rowManager.prevDisplayRow(from) || to;
+          }
 
-        var toGroup = to instanceof Group ? to : to.modules.group;
-        var fromGroup = from instanceof Group ? from : from.modules.group;
+          var toGroup = to instanceof Group ? to : to.modules.group;
+          var fromGroup = from instanceof Group ? from : from.modules.group;
 
-        if (toGroup === fromGroup) {
-          this.table.rowManager.moveRowInArray(toGroup.rows, from, to, after);
-        } else {
-          if (fromGroup) {
-            fromGroup.removeRow(from);
-          }
+          if (toGroup === fromGroup) {
+            this.table.rowManager.moveRowInArray(toGroup.rows, from, to, after);
+          } else {
+            if (fromGroup) {
+              fromGroup.removeRow(from);
+            }
 
-          toGroup.insertRow(from, to, after);
+            toGroup.insertRow(from, to, after);
+          }
         }
       }
     }, {
       key: "rowDeleting",
       value: function rowDeleting(row) {
         //remove from group
-        if (row.modules.group) {
+        if (this.table.options.groupBy && row.modules.group) {
           row.modules.group.removeRow(row);
         }
       }
     }, {
       key: "rowsUpdated",
       value: function rowsUpdated(row) {
-        this.updateGroupRows(true);
+        if (this.table.options.groupBy) {
+          this.updateGroupRows(true);
+        }
       }
     }, {
       key: "cellUpdated",
       value: function cellUpdated(cell) {
-        this.reassignRowToGroup(cell.row);
-      }
-    }, {
-      key: "setDisplayIndex",
-      value: function setDisplayIndex(index) {
-        this.displayIndex = index;
-      }
-    }, {
-      key: "getDisplayIndex",
-      value: function getDisplayIndex() {
-        return this.displayIndex;
+        if (this.table.options.groupBy) {
+          this.reassignRowToGroup(cell.row);
+        }
       } //return appropriate rows with group headers
 
     }, {
@@ -19306,9 +19356,11 @@
     }, {
       key: "wipe",
       value: function wipe() {
-        this.groupList.forEach(function (group) {
-          group.wipe();
-        });
+        if (this.table.options.groupBy) {
+          this.groupList.forEach(function (group) {
+            group.wipe();
+          });
+        }
       }
     }, {
       key: "pullGroupListData",
@@ -19473,14 +19525,16 @@
     }, {
       key: "scrollHeaders",
       value: function scrollHeaders(left) {
-        if (this.table.options.renderHorizontal === "virtual") {
-          left -= this.table.columnManager.renderer.vDomPadLeft;
-        }
+        if (this.table.options.groupBy) {
+          if (this.table.options.renderHorizontal === "virtual") {
+            left -= this.table.columnManager.renderer.vDomPadLeft;
+          }
 
-        left = left + "px";
-        this.groupList.forEach(function (group) {
-          group.scrollHeader(left);
-        });
+          left = left + "px";
+          this.groupList.forEach(function (group) {
+            group.scrollHeader(left);
+          });
+        }
       }
     }, {
       key: "removeGroup",
@@ -19497,6 +19551,30 @@
           }
         }
       }
+    }, {
+      key: "checkBasicModeGroupHeaderWidth",
+      value: function checkBasicModeGroupHeaderWidth() {
+        var _this6 = this;
+
+        var element = this.table.rowManager.tableElement,
+            onlyGroupHeaders = true;
+        this.table.rowManager.getDisplayRows().forEach(function (row, index) {
+          _this6.table.rowManager.styleRow(row, index);
+
+          element.appendChild(row.getElement());
+          row.initialize(true);
+
+          if (row.type !== "group") {
+            onlyGroupHeaders = false;
+          }
+        });
+
+        if (onlyGroupHeaders) {
+          element.style.minWidth = this.table.columnManager.getWidth() + "px";
+        } else {
+          element.style.minWidth = "";
+        }
+      }
     }]);
 
     return GroupRows;
@@ -19613,7 +19691,7 @@
         var index, rows;
 
         if (this.table.options.groupBy) {
-          rows = row.getComponent().getGroup().rows;
+          rows = row.getComponent().getGroup()._getSelf().rows;
           index = rows.indexOf(row);
 
           if (index) {
@@ -20361,7 +20439,7 @@
         var range;
 
         if (this.table.modExists("edit")) {
-          if (this.table.modules.edit.currentCell === this) {
+          if (this.table.modules.edit.currentCell === cell) {
             return; //prevent instant selection of editor content
           }
         }
@@ -20372,11 +20450,11 @@
           if (document.selection) {
             // IE
             range = document.body.createTextRange();
-            range.moveToElementText(this.element);
+            range.moveToElementText(cell.getElement());
             range.select();
           } else if (window.getSelection) {
             range = document.createRange();
-            range.selectNode(this.element);
+            range.selectNode(cell.getElement());
             window.getSelection().removeAllRanges();
             window.getSelection().addRange(range);
           }
@@ -22404,8 +22482,6 @@
       _this.count = 5;
       _this.max = 1;
       _this.remoteRowCountEstimate = null;
-      _this.displayIndex = 0; //index in display pipeline
-
       _this.initialLoad = true;
       _this.dataChanging = false; //flag to check if data is being changed by this module
 
@@ -22877,16 +22953,6 @@
       key: "trackChanges",
       value: function trackChanges() {
         this.dispatch("page-changed");
-      }
-    }, {
-      key: "setDisplayIndex",
-      value: function setDisplayIndex(index) {
-        this.displayIndex = index;
-      }
-    }, {
-      key: "getDisplayIndex",
-      value: function getDisplayIndex() {
-        return this.displayIndex;
       } //calculate maximum page from number of rows
 
     }, {
@@ -22956,7 +23022,7 @@
     }, {
       key: "setPageToRow",
       value: function setPageToRow(row) {
-        var rows = this.table.rowManager.getDisplayRows(this.displayIndex - 1);
+        var rows = this.displayRows(-1);
         var index = rows.indexOf(row);
 
         if (index > -1) {
@@ -23566,6 +23632,8 @@
     }, {
       key: "initializeColumn",
       value: function initializeColumn(column) {
+        var _this2 = this;
+
         var def, keys;
 
         if (this.config.columns) {
@@ -23581,8 +23649,8 @@
                 set: function set(newValue) {
                   value = newValue;
 
-                  if (!this.defWatcherBlock) {
-                    this.save("columns");
+                  if (!_this2.defWatcherBlock) {
+                    _this2.save("columns");
                   }
 
                   if (props.set) {
@@ -23624,20 +23692,20 @@
     }, {
       key: "mergeDefinition",
       value: function mergeDefinition(oldCols, newCols) {
-        var _this2 = this;
+        var _this3 = this;
 
         var output = [];
         newCols = newCols || [];
         newCols.forEach(function (column, to) {
-          var from = _this2._findColumn(oldCols, column),
+          var from = _this3._findColumn(oldCols, column),
               keys;
 
           if (from) {
-            if (_this2.config.columns === true || _this2.config.columns == undefined) {
+            if (_this3.config.columns === true || _this3.config.columns == undefined) {
               keys = Object.keys(from);
               keys.push("width");
             } else {
-              keys = _this2.config.columns;
+              keys = _this3.config.columns;
             }
 
             keys.forEach(function (key) {
@@ -23647,14 +23715,14 @@
             });
 
             if (from.columns) {
-              from.columns = _this2.mergeDefinition(from.columns, column.columns);
+              from.columns = _this3.mergeDefinition(from.columns, column.columns);
             }
 
             output.push(from);
           }
         });
         oldCols.forEach(function (column, i) {
-          var from = _this2._findColumn(newCols, column);
+          var from = _this3._findColumn(newCols, column);
 
           if (!from) {
             if (output.length > i) {
@@ -23768,7 +23836,7 @@
     }, {
       key: "parseColumns",
       value: function parseColumns(columns) {
-        var _this3 = this;
+        var _this4 = this;
 
         var definitions = [],
             excludedKeys = ["headerContextMenu", "headerMenu", "contextMenu", "clickMenu"];
@@ -23779,16 +23847,16 @@
 
           if (column.isGroup) {
             defStore.title = colDef.title;
-            defStore.columns = _this3.parseColumns(column.getColumns());
+            defStore.columns = _this4.parseColumns(column.getColumns());
           } else {
             defStore.field = column.getField();
 
-            if (_this3.config.columns === true || _this3.config.columns == undefined) {
+            if (_this4.config.columns === true || _this4.config.columns == undefined) {
               keys = Object.keys(colDef);
               keys.push("width");
               keys.push("visible");
             } else {
-              keys = _this3.config.columns;
+              keys = _this4.config.columns;
             }
 
             keys.forEach(function (key) {
@@ -25207,6 +25275,7 @@
           this.subscribe("table-redrawing", this.tableRedraw.bind(this));
 
           if (this.table.options.responsiveLayout === "collapse") {
+            this.subscribe("row-data-changed", this.generateCollapsedRowContent.bind(this));
             this.subscribe("row-init", this.initializeRow.bind(this));
             this.subscribe("row-layout", this.layoutRow.bind(this));
           }
@@ -25781,13 +25850,18 @@
 
             if (rowMatch) {
               this._selectRow(rowMatch, true, true);
+
+              this._rowSelectionChanged();
             } else {
-              this.table.rowManager.getRows(rows).forEach(function (row) {
+              rowMatch = this.table.rowManager.getRows(rows);
+              rowMatch.forEach(function (row) {
                 _this3._selectRow(row, true, true);
               });
-            }
 
-            this._rowSelectionChanged();
+              if (rowMatch.length) {
+                this._rowSelectionChanged();
+              }
+            }
 
             break;
 
@@ -26481,13 +26555,10 @@
 
                 if (match > -1) {
                   sorters[match].dir = dir;
+                  match = sorters.splice(match, 1)[0];
 
-                  if (match != sorters.length - 1) {
-                    match = sorters.splice(match, 1)[0];
-
-                    if (dir != "none") {
-                      sorters.push(match);
-                    }
+                  if (dir != "none") {
+                    sorters.push(match);
                   }
                 } else {
                   if (dir != "none") {
@@ -26712,7 +26783,7 @@
         var sortEl = column.modules.sort.element,
             arrowEl;
 
-        if (typeof this.table.options.headerSortElement === "function") {
+        if (column.definition.headerSort && typeof this.table.options.headerSortElement === "function") {
           while (sortEl.firstChild) {
             sortEl.removeChild(sortEl.firstChild);
           }