tabulator-tables 5.0.8 → 5.1.1

package/dist/js/tabulator.js

@@ -1,4 +1,4 @@
-/* Tabulator v5.0.8 (c) Oliver Folkerd 2021 */
+/* Tabulator v5.1.1 (c) Oliver Folkerd 2022 */
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
   typeof define === 'function' && define.amd ? define(factory) :
@@ -225,8 +225,6 @@
     //minimum height of tabulator
     maxHeight: false,
     //maximum height of tabulator
-    columnMaxWidth: false,
-    //minimum global width for a column
     columnHeaderVertAlign: "top",
     //vertical alignment of column headers
     columns: [],
@@ -239,7 +237,7 @@
     //build columns from data row structure
     autoColumnsDefinitions: false,
     nestedFieldSeparator: ".",
-    //seperatpr for nested data
+    //separator for nested data
     tooltipGenerationMode: "load",
     //when to generate tooltips
     footerElement: false,
@@ -267,6 +265,7 @@
     dataLoader: true,
     dataLoaderLoading: false,
     dataLoaderError: false,
+    dataLoaderErrorTimeout: 3000,
     dataSendParams: {},
     dataReceiveParams: {}
   };
@@ -414,11 +413,7 @@
 
     }, {
       key: "options",
-      value: function options(key, value) {
-        if (typeof value !== "undefined") {
-          this.table.options[key] = value;
-        }
-
+      value: function options(key) {
         return this.table.options[key];
       }
     }, {
@@ -443,7 +438,6 @@
     return CoreFeature;
   }();
 
-  //public column object
   var ColumnComponent = /*#__PURE__*/function () {
     function ColumnComponent(column) {
       _classCallCheck(this, ColumnComponent);
@@ -476,6 +470,11 @@
       value: function getField() {
         return this._column.getField();
       }
+    }, {
+      key: "getTitleDownload",
+      value: function getTitleDownload() {
+        return this._column.getTitleDownload();
+      }
     }, {
       key: "getCells",
       value: function getCells() {
@@ -626,6 +625,7 @@
     "width": undefined,
     "minWidth": 40,
     "maxWidth": undefined,
+    "maxInitialWidth": undefined,
     "tooltip": undefined,
     "cssClass": undefined,
     "variableHeight": undefined,
@@ -939,6 +939,11 @@
         if (changed) {
           this.dispatch("cell-value-updated", this);
           this.cellRendered();
+
+          if (this.column.definition.cellEdited) {
+            this.column.definition.cellEdited.call(this.table, this.getComponent());
+          }
+
           this.dispatchExternal("cellEdited", this.getComponent());
 
           if (this.subscribedExternal("dataChanged")) {
@@ -951,7 +956,7 @@
       value: function setValueProcessData(value, mutate) {
         var changed = false;
 
-        if (this.value != value) {
+        if (this.value !== value) {
           changed = true;
 
           if (mutate) {
@@ -1085,7 +1090,7 @@
     return Cell;
   }(CoreFeature);
 
-  var Column$1 = /*#__PURE__*/function (_CoreFeature) {
+  var Column = /*#__PURE__*/function (_CoreFeature) {
     _inherits(Column, _CoreFeature);
 
     var _super = _createSuper(Column);
@@ -1125,6 +1130,7 @@
       _this.fieldStructure = "";
       _this.getFieldValue = "";
       _this.setFieldValue = "";
+      _this.titleDownload = null;
       _this.titleFormatterRendered = false;
 
       _this.mapDefinitions();
@@ -1141,6 +1147,7 @@
 
       _this.maxWidthStyled = ""; //column maximum prestyled to improve render efficiency
 
+      _this.maxInitialWidth = null;
       _this.minWidth = null; //column minimum width
 
       _this.minWidthStyled = ""; //column minimum prestyled to improve render efficiency
@@ -1257,7 +1264,7 @@
 
         var def = this.definition; //set header tooltips
 
-        var tooltip = typeof def.headerTooltip === "undefined" ? def.tooltip : def.headerTooltip;
+        var tooltip = def.headerTooltip;
 
         if (tooltip) {
           if (tooltip === true) {
@@ -1433,6 +1440,10 @@
 
         this.setMinWidth(parseInt(def.minWidth));
 
+        if (def.maxInitialWidth) {
+          this.maxInitialWidth = parseInt(def.maxInitialWidth);
+        }
+
         if (def.maxWidth) {
           this.setMaxWidth(parseInt(def.maxWidth));
         }
@@ -1682,6 +1693,11 @@
       key: "getField",
       value: function getField() {
         return this.field;
+      }
+    }, {
+      key: "getTitleDownload",
+      value: function getTitleDownload() {
+        return this.titleDownload;
       } //return the first column in a group
 
     }, {
@@ -1818,7 +1834,7 @@
           this.cells.forEach(function (cell) {
             cell.hide();
           });
-          this.dispatch("column-hide", this);
+          this.dispatch("column-hide", this, responsiveToggle);
 
           if (!silent) {
             this.dispatchExternal("columnVisibilityChanged", this.getComponent(), false);
@@ -1940,7 +1956,7 @@
     }, {
       key: "getHeight",
       value: function getHeight() {
-        return this.element.offsetHeight;
+        return Math.ceil(this.element.getBoundingClientRect().height);
       }
     }, {
       key: "setMinWidth",
@@ -2049,17 +2065,18 @@
         this.widthFixed = false; //set width if present
 
         if (typeof this.definition.width !== "undefined" && !force) {
+          // maxInitialWidth ignored here as width specified
           this.setWidth(this.definition.width);
         }
 
         this.dispatch("column-width-fit-before", this);
-        this.fitToData();
+        this.fitToData(force);
         this.dispatch("column-width-fit-after", this);
       } //set column width to maximum cell width for non group columns
 
     }, {
       key: "fitToData",
-      value: function fitToData() {
+      value: function fitToData(force) {
         if (this.isGroup) {
           return;
         }
@@ -2083,7 +2100,13 @@
           });
 
           if (maxWidth) {
-            this.setWidthActual(maxWidth + 1);
+            var setTo = maxWidth + 1;
+
+            if (this.maxInitialWidth && !force) {
+              setTo = Math.min(setTo, this.maxInitialWidth);
+            }
+
+            this.setWidthActual(setTo);
           }
         }
       }
@@ -2140,7 +2163,7 @@
     return Column;
   }(CoreFeature);
 
-  Column$1.defaultOptionList = defaultColumnOptions;
+  Column.defaultOptionList = defaultColumnOptions;
 
   var Helpers = /*#__PURE__*/function () {
     function Helpers() {
@@ -2344,7 +2367,7 @@
       }
     }, {
       key: "scrollToRowNearestTop",
-      value: function scrollToRowNearestTop(row) {//determin weather the row is nearest the top or bottom of the table, retur true for top or false for bottom
+      value: function scrollToRowNearestTop(row) {//determine weather the row is nearest the top or bottom of the table, retur true for top or false for bottom
       }
     }, {
       key: "visibleRows",
@@ -2418,6 +2441,7 @@
                 offset = Helpers.elOffset(rowEl).top - Helpers.elOffset(_this2.elementVertical).top;
 
                 if (offset > 0 && offset < _this2.elementVertical.clientHeight - rowEl.offsetHeight) {
+                  resolve();
                   return false;
                 }
               }
@@ -2528,27 +2552,27 @@
     _createClass(VirtualDomHorizontal, [{
       key: "initialize",
       value: function initialize() {
-        this.compatabilityCheck();
+        this.compatibilityCheck();
       }
     }, {
-      key: "compatabilityCheck",
-      value: function compatabilityCheck() {
+      key: "compatibilityCheck",
+      value: function compatibilityCheck() {
         var columns = this.options("columns"),
             frozen = false,
             ok = true;
 
         if (this.options("layout") == "fitDataTable") {
-          console.warn("Horizontal Vitrual DOM is not compatible with fitDataTable layout mode");
+          console.warn("Horizontal Virtual DOM is not compatible with fitDataTable layout mode");
           ok = false;
         }
 
         if (this.options("responsiveLayout")) {
-          console.warn("Horizontal Vitrual DOM is not compatible with responsive columns");
+          console.warn("Horizontal Virtual DOM is not compatible with responsive columns");
           ok = false;
         }
 
         if (this.options("rtl")) {
-          console.warn("Horizontal Vitrual DOM is not currently compatible with RTL text direction");
+          console.warn("Horizontal Virtual DOM is not currently compatible with RTL text direction");
           ok = false;
         }
 
@@ -2558,7 +2582,7 @@
           });
 
           if (frozen) {
-            console.warn("Horizontal Vitrual DOM is not compatible with frozen columns");
+            console.warn("Horizontal Virtual DOM is not compatible with frozen columns");
             ok = false;
           }
         } // if(!ok){
@@ -2614,7 +2638,7 @@
             config.width = width;
 
             if (_this2.options("layout") === "fitData") {
-              config.fitDataCheck = true;
+              config.fitDataCheck = column.modules.vdomHoz ? column.modules.vdomHoz.fitDataCheck : true;
             }
 
             if (colPos + width > _this2.vDomScrollPosLeft && colPos < _this2.vDomScrollPosRight) {
@@ -2644,7 +2668,7 @@
 
         if (!blockRedraw) {
           if (!update || this.reinitChanged(old)) {
-            this.renitializeRows();
+            this.reinitializeRows();
           }
         }
 
@@ -2771,8 +2795,8 @@
         return !match;
       }
     }, {
-      key: "renitializeRows",
-      value: function renitializeRows() {
+      key: "reinitializeRows",
+      value: function reinitializeRows() {
         var _this5 = this;
 
         var rows = this.table.rowManager.getVisibleRows();
@@ -2825,7 +2849,7 @@
             }
           });
           this.fitDataColActualWidthCheck(column);
-          this.rightCol++;
+          this.rightCol++; // Don't move this below the >= check below
 
           if (this.rightCol >= this.columns.length - 1) {
             this.vDomPadRight = 0;
@@ -2853,15 +2877,16 @@
             }
           });
           this.fitDataColActualWidthCheck(column);
+          this.leftCol--; // don't move this below the <= check below
 
-          if (!this.leftCol) {
+          if (this.leftCol <= 0) {
+            // replicating logic in addColRight
             this.vDomPadLeft = 0;
           } else {
             this.vDomPadLeft -= column.getWidth();
           }
 
           this.tableElement.style.paddingLeft = this.vDomPadLeft + "px";
-          this.leftCol--;
           this.addColLeft();
         }
       }
@@ -2877,7 +2902,12 @@
           rows.forEach(function (row) {
             if (row.type !== "group") {
               var cell = row.getCell(column);
-              row.getElement().removeChild(cell.getElement());
+
+              try {
+                row.getElement().removeChild(cell.getElement());
+              } catch (ex) {
+                console.warn("Could not removeColRight", ex.message);
+              }
             }
           });
           this.vDomPadRight += column.getWidth();
@@ -2895,11 +2925,21 @@
         if (column && column.modules.vdomHoz.rightPos < this.vDomScrollPosLeft) {
           rows = this.table.rowManager.getVisibleRows();
           rows.forEach(function (row) {
+            var cell, el;
+
             if (row.type !== "group") {
-              var cell = row.getCell(column);
+              cell = row.getCell(column);
 
-              if (cell.parentNode) {
-                row.getElement().removeChild(cell.getElement());
+              if (cell) {
+                el = cell.getElement();
+
+                if (el.parentNode) {
+                  try {
+                    row.getElement().removeChild(el);
+                  } catch (ex) {
+                    console.warn("Could not removeColLeft", ex.message);
+                  }
+                }
               }
             }
           });
@@ -3195,7 +3235,7 @@
     }, {
       key: "_addColumn",
       value: function _addColumn(definition, before, nextToColumn) {
-        var column = new Column$1(definition, this),
+        var column = new Column(definition, this),
             colEl = column.getElement(),
             index = nextToColumn ? this.findColumnIndex(nextToColumn) : nextToColumn;
 
@@ -3270,7 +3310,7 @@
       key: "findColumn",
       value: function findColumn(subject) {
         if (_typeof(subject) == "object") {
-          if (subject instanceof Column$1) {
+          if (subject instanceof Column) {
             //subject is column element
             return subject;
           } else if (subject instanceof ColumnComponent) {
@@ -3317,8 +3357,8 @@
         return this.columnsByIndex[index];
       }
     }, {
-      key: "getFirstVisibileColumn",
-      value: function getFirstVisibileColumn(index) {
+      key: "getFirstVisibleColumn",
+      value: function getFirstVisibleColumn(index) {
         var index = this.columnsByIndex.findIndex(function (col) {
           return col.visible;
         });
@@ -3851,12 +3891,12 @@
           }
 
           this.dispatch("row-layout", this);
+          this.initialized = true;
 
           if (this.table.options.rowFormatter) {
             this.table.options.rowFormatter(this.getComponent());
           }
 
-          this.initialized = true;
           this.dispatch("row-layout-after", this);
         } else {
           this.table.columnManager.renderer.rerenderRowCells(this);
@@ -4266,7 +4306,8 @@
     }, {
       key: "rerenderRows",
       value: function rerenderRows(callback) {
-        this.render();
+        this.clearRows();
+        this.renderRows();
 
         if (callback) {
           callback();
@@ -4350,8 +4391,8 @@
         }
 
         element.style.paddingTop = "";
-        element.style.paddingBottom = "";
-        element.style.minWidth = "";
+        element.style.paddingBottom = ""; // element.style.minWidth = "";
+
         element.style.minHeight = "";
         element.style.display = "";
         element.style.visibility = "";
@@ -4915,6 +4956,10 @@
 
       _this.heightFixer = _this.createTableElement(); //table element
 
+      _this.placeholder = null; //placeholder element
+
+      _this.placeholderContents = null; //placeholder element
+
       _this.firstRender = false; //handle first render
 
       _this.renderMode = "virtual"; //current rendering mode
@@ -4923,7 +4968,7 @@
 
       _this.rows = []; //hold row data objects
 
-      _this.activeRowsPipeline = []; //hold caluclation of active rows
+      _this.activeRowsPipeline = []; //hold calculation of active rows
 
       _this.activeRows = []; //rows currently available to on display in the table
 
@@ -4937,11 +4982,11 @@
       _this.scrollLeft = 0;
       _this.rowNumColumn = false; //hold column component for row number column
 
-      _this.redrawBlock = false; //prevent redraws to allow multiple data manipulations becore continuing
+      _this.redrawBlock = false; //prevent redraws to allow multiple data manipulations before continuing
 
       _this.redrawBlockRestoreConfig = false; //store latest redraw function calls for when redraw is needed
 
-      _this.redrawBlockRederInPosition = false; //store latest redraw function calls for when redraw is needed
+      _this.redrawBlockRenderInPosition = false; //store latest redraw function calls for when redraw is needed
 
       _this.dataPipeline = []; //hold data pipeline tasks
 
@@ -4968,6 +5013,21 @@
         el.classList.add("tabulator-table");
         el.setAttribute("role", "rowgroup");
         return el;
+      }
+    }, {
+      key: "initializePlaceholder",
+      value: function initializePlaceholder() {
+        //configure placeholder element
+        if (typeof this.table.options.placeholder == "string") {
+          var el = document.createElement("div");
+          el.classList.add("tabulator-placeholder");
+          var contents = document.createElement("div");
+          contents.classList.add("tabulator-placeholder-contents");
+          contents.innerHTML = this.table.options.placeholder;
+          el.appendChild(contents);
+          this.placeholderContents = contents;
+          this.placeholder = el;
+        }
       } //return containing element
 
     }, {
@@ -4996,6 +5056,7 @@
       value: function initialize() {
         var _this2 = this;
 
+        this.initializePlaceholder();
         this.initializeRenderer(); //initialize manager
 
         this.element.appendChild(this.tableElement);
@@ -5013,7 +5074,9 @@
             _this2.dispatch("scroll-horizontal", left, leftDir);
 
             _this2.dispatchExternal("scrollHorizontal", left, leftDir);
-          } //handle verical scrolling
+
+            _this2._positionPlaceholder();
+          } //handle vertical scrolling
 
 
           if (_this2.scrollTop != top) {
@@ -5195,7 +5258,6 @@
       key: "addRow",
       value: function addRow(data, pos, index, blockRedraw) {
         var row = this.addRowActual(data, pos, index, blockRedraw);
-        this.dispatch("row-added", row, data, pos, index);
         return row;
       } //add multiple rows
 
@@ -5574,42 +5636,12 @@
 
           return;
         } else {
-          this.dispatch("data-refeshing");
-
-          if (!handler) {
-            this.activeRowsPipeline[0] = this.rows.slice(0);
-          } //cascade through data refresh stages
-
-
-          switch (stage) {
-            case "all": //handle case where alldata needs refreshing
-
-            case "dataPipeline":
-              for (var i = index; i < this.dataPipeline.length; i++) {
-                var result = this.dataPipeline[i].handler(this.activeRowsPipeline[i].slice(0));
-                this.activeRowsPipeline[i + 1] = result || this.activeRowsPipeline[i].slice(0);
-              }
-
-              this.setActiveRows(this.activeRowsPipeline[this.dataPipeline.length]);
-              this.regenerateRowNumbers();
-
-            case "display":
-              index = 0;
-              this.resetDisplayRows();
-
-            case "displayPipeline":
-              for (var _i = index; _i < this.displayPipeline.length; _i++) {
-                var _result = this.displayPipeline[_i].handler((_i ? this.getDisplayRows(_i - 1) : this.activeRows).slice(0), renderInPosition);
-
-                this.setDisplayRows(_result || this.getDisplayRows(_i - 1).slice(0), _i);
-              }
-
-          }
-
           if (Helpers.elVisible(this.element)) {
             if (renderInPosition) {
-              this.reRenderInPosition();
+              this.reRenderInPosition(this.refreshPipelines.bind(this, handler, stage, index, renderInPosition));
             } else {
+              this.refreshPipelines(handler, stage, index, renderInPosition);
+
               if (!handler) {
                 this.table.columnManager.renderer.renderColumns();
               }
@@ -5620,9 +5652,46 @@
                 this.table.columnManager.redraw(true);
               }
             }
+          } else {
+            this.refreshPipelines(handler, stage, index, renderInPosition);
           }
 
-          this.dispatch("data-refeshed");
+          this.dispatch("data-refreshed");
+        }
+      }
+    }, {
+      key: "refreshPipelines",
+      value: function refreshPipelines(handler, stage, index, renderInPosition) {
+        this.dispatch("data-refreshing");
+
+        if (!handler) {
+          this.activeRowsPipeline[0] = this.rows.slice(0);
+        } //cascade through data refresh stages
+
+
+        switch (stage) {
+          case "all": //handle case where alldata needs refreshing
+
+          case "dataPipeline":
+            for (var i = index; i < this.dataPipeline.length; i++) {
+              var result = this.dataPipeline[i].handler(this.activeRowsPipeline[i].slice(0));
+              this.activeRowsPipeline[i + 1] = result || this.activeRowsPipeline[i].slice(0);
+            }
+
+            this.setActiveRows(this.activeRowsPipeline[this.dataPipeline.length]);
+            this.regenerateRowNumbers();
+
+          case "display":
+            index = 0;
+            this.resetDisplayRows();
+
+          case "displayPipeline":
+            for (var _i = index; _i < this.displayPipeline.length; _i++) {
+              var _result = this.displayPipeline[_i].handler((_i ? this.getDisplayRows(_i - 1) : this.activeRows).slice(0), renderInPosition);
+
+              this.setDisplayRows(_result || this.getDisplayRows(_i - 1).slice(0), _i);
+            }
+
         }
       } //regenerate row numbers for row number formatter if in use
 
@@ -5691,8 +5760,14 @@
       }
     }, {
       key: "getVisibleRows",
-      value: function getVisibleRows(viewable) {
-        return this.renderer.visibleRows(!viewable);
+      value: function getVisibleRows(chain, viewable) {
+        var rows = Object.assign([], this.renderer.visibleRows(!viewable));
+
+        if (chain) {
+          rows = this.chain("rows-visible", [viewable], rows, rows);
+        }
+
+        return rows;
       } //repeat action accross display rows
 
     }, {
@@ -5718,7 +5793,7 @@
             break;
 
           case "visible":
-            rows = this.getVisibleRows(true);
+            rows = this.getVisibleRows(false, true);
             break;
 
           default:
@@ -5736,7 +5811,7 @@
           if (callback) {
             callback();
           } else {
-            this.redrawBlockRederInPosition = true;
+            this.redrawBlockRenderInPosition = true;
           }
         } else {
           this.renderer.rerenderRows(callback);
@@ -5810,7 +5885,7 @@
     }, {
       key: "renderEmptyScroll",
       value: function renderEmptyScroll() {
-        if (this.table.options.placeholder) {
+        if (this.placeholder) {
           this.tableElement.style.display = "none";
         } else {
           this.tableElement.style.minWidth = this.table.columnManager.getWidth() + "px"; // this.tableElement.style.minHeight = "1px";
@@ -5831,17 +5906,27 @@
     }, {
       key: "_showPlaceholder",
       value: function _showPlaceholder() {
-        if (this.table.options.placeholder) {
-          this.table.options.placeholder.setAttribute("tabulator-render-mode", this.renderMode);
-          this.getElement().appendChild(this.table.options.placeholder);
-          this.table.options.placeholder.style.width = this.table.columnManager.getWidth() + "px";
+        if (this.placeholder) {
+          this.placeholder.setAttribute("tabulator-render-mode", this.renderMode);
+          this.getElement().appendChild(this.placeholder);
+
+          this._positionPlaceholder();
         }
       }
     }, {
       key: "_clearPlaceholder",
       value: function _clearPlaceholder() {
-        if (this.table.options.placeholder && this.table.options.placeholder.parentNode) {
-          this.table.options.placeholder.parentNode.removeChild(this.table.options.placeholder);
+        if (this.placeholder && this.placeholder.parentNode) {
+          this.placeholder.parentNode.removeChild(this.placeholder);
+        }
+      }
+    }, {
+      key: "_positionPlaceholder",
+      value: function _positionPlaceholder() {
+        if (this.placeholder && this.placeholder.parentNode) {
+          this.placeholder.style.width = this.table.columnManager.getWidth() + "px";
+          this.placeholderContents.style.width = this.table.rowManager.element.clientWidth + "px";
+          this.placeholderContents.style.marginLeft = this.scrollLeft + "px";
         }
       }
     }, {
@@ -5894,6 +5979,8 @@
             }
           }
         }
+
+        this._positionPlaceholder();
       } //renitialize all rows
 
     }, {
@@ -5920,12 +6007,12 @@
           this.refreshActiveData(this.redrawBlockRestoreConfig.handler, this.redrawBlockRestoreConfig.skipStage, this.redrawBlockRestoreConfig.renderInPosition);
           this.redrawBlockRestoreConfig = false;
         } else {
-          if (this.redrawBlockRederInPosition) {
+          if (this.redrawBlockRenderInPosition) {
             this.reRenderInPosition();
           }
         }
 
-        this.redrawBlockRederInPosition = false;
+        this.redrawBlockRenderInPosition = false;
       } //redraw table
 
     }, {
@@ -5981,6 +6068,8 @@
       _this.active = false;
       _this.element = _this.createElement(); //containing element
 
+      _this.containerElement = _this.createContainerElement(); //containing element
+
       _this.external = false;
       _this.links = [];
 
@@ -6001,6 +6090,14 @@
         el.classList.add("tabulator-footer");
         return el;
       }
+    }, {
+      key: "createContainerElement",
+      value: function createContainerElement() {
+        var el = document.createElement("div");
+        el.classList.add("tabulator-footer-contents");
+        this.element.appendChild(el);
+        return el;
+      }
     }, {
       key: "initializeElement",
       value: function initializeElement() {
@@ -6031,7 +6128,7 @@
       key: "append",
       value: function append(element, parent) {
         this.activate(parent);
-        this.element.appendChild(element);
+        this.containerElement.appendChild(element);
         this.table.rowManager.adjustTableSize();
       }
     }, {
@@ -6107,6 +6204,25 @@
         "tabulator-group": "group",
         "tabulator-col": "column"
       };
+      _this.pseudoTrackers = {
+        "row": {
+          subscriber: null,
+          target: null
+        },
+        "cell": {
+          subscriber: null,
+          target: null
+        },
+        "group": {
+          subscriber: null,
+          target: null
+        },
+        "column": {
+          subscriber: null,
+          target: null
+        }
+      };
+      _this.pseudoTracking = false;
       return _this;
     }
 
@@ -6129,6 +6245,55 @@
         });
         this.listeners = listenerMap;
       }
+    }, {
+      key: "bindPseudoEvents",
+      value: function bindPseudoEvents() {
+        var _this2 = this;
+
+        Object.keys(this.pseudoTrackers).forEach(function (key) {
+          _this2.pseudoTrackers[key].subscriber = _this2.pseudoMouseEnter.bind(_this2, key);
+
+          _this2.subscribe(key + "-mouseover", _this2.pseudoTrackers[key].subscriber);
+        });
+        this.pseudoTracking = true;
+      }
+    }, {
+      key: "pseudoMouseEnter",
+      value: function pseudoMouseEnter(key, e, target) {
+        if (this.pseudoTrackers[key].target !== target) {
+          if (this.pseudoTrackers[key].target) {
+            this.dispatch(key + "-mouseleave", e, target);
+          }
+
+          this.pseudoMouseLeave(key, e);
+          this.pseudoTrackers[key].target = target;
+          this.dispatch(key + "-mouseenter", e, target);
+        }
+      }
+    }, {
+      key: "pseudoMouseLeave",
+      value: function pseudoMouseLeave(key, e) {
+        var _this3 = this;
+
+        var leaveList = Object.keys(this.pseudoTrackers),
+            linkedKeys = {
+          "row": ["cell"],
+          "cell": ["row"]
+        };
+        leaveList = leaveList.filter(function (item) {
+          var links = linkedKeys[key];
+          return item !== key && (!links || links && !links.includes(item));
+        });
+        leaveList.forEach(function (key) {
+          var target = _this3.pseudoTrackers[key].target;
+
+          if (_this3.pseudoTrackers[key].target) {
+            _this3.dispatch(key + "-mouseleave", e, target);
+
+            _this3.pseudoTrackers[key].target = null;
+          }
+        });
+      }
     }, {
       key: "bindSubscriptionWatchers",
       value: function bindSubscriptionWatchers() {
@@ -6153,6 +6318,8 @@
             _iterator.f();
           }
         }
+
+        this.subscribe("table-destroy", this.clearWatchers.bind(this));
       }
     }, {
       key: "subscriptionChanged",
@@ -6175,6 +6342,10 @@
           }
         }
 
+        if ((key === "mouseenter" || key === "mouseleave") && !this.pseudoTracking) {
+          this.bindPseudoEvents();
+        }
+
         if (changed) {
           this.updateEventListeners();
         }
@@ -6205,11 +6376,15 @@
         var targets = this.findTargets(path);
         targets = this.bindComponents(type, targets);
         this.triggerEvents(type, e, targets);
+
+        if (this.pseudoTracking && (type == "mouseover" || type == "mouseleave") && !Object.keys(targets).length) {
+          this.pseudoMouseLeave("none", e);
+        }
       }
     }, {
       key: "findTargets",
       value: function findTargets(path) {
-        var _this2 = this;
+        var _this4 = this;
 
         var targets = {};
         var componentMap = Object.keys(this.componentMap);
@@ -6222,7 +6397,7 @@
             var el = _step2.value;
             var classList = el.classList ? _toConsumableArray(el.classList) : [];
             var abort = classList.filter(function (item) {
-              return _this2.abortClasses.includes(item);
+              return _this4.abortClasses.includes(item);
             });
 
             if (abort.length) {
@@ -6262,7 +6437,7 @@
     }, {
       key: "bindComponents",
       value: function bindComponents(type, targets) {
-        var _this3 = this;
+        var _this5 = this;
 
         //ensure row component is looked up before cell
         var keys = Object.keys(targets).reverse(),
@@ -6277,7 +6452,7 @@
             var key = _step4.value;
             var component = void 0;
             var target = targets[key];
-            var previousTarget = _this3.previousTargets[key];
+            var previousTarget = _this5.previousTargets[key];
 
             if (previousTarget && previousTarget.target === target) {
               component = previousTarget.component;
@@ -6285,26 +6460,36 @@
               switch (key) {
                 case "row":
                 case "group":
-                  if (listener.components.includes("row") || listener.components.includes("cell")) {
-                    var rows = _this3.table.rowManager.getVisibleRows();
+                  if (listener.components.includes("row") || listener.components.includes("cell") || listener.components.includes("group")) {
+                    var rows = _this5.table.rowManager.getVisibleRows(true);
 
                     component = rows.find(function (row) {
                       return row.getElement() === target;
                     });
+
+                    if (targets["row"].parentNode && targets["row"].parentNode.closest(".tabulator-row")) {
+                      targets[key] = false;
+                    }
                   }
 
                   break;
 
                 case "column":
                   if (listener.components.includes("column")) {
-                    component = _this3.table.columnManager.findColumn(target);
+                    component = _this5.table.columnManager.findColumn(target);
                   }
 
                   break;
 
                 case "cell":
                   if (listener.components.includes("cell")) {
-                    component = targets["row"].findCell(target);
+                    if (targets["row"] instanceof Row) {
+                      component = targets["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?");
+                      }
+                    }
                   }
 
                   break;
@@ -6343,6 +6528,18 @@
           }
         }
       }
+    }, {
+      key: "clearWatchers",
+      value: function clearWatchers() {
+        for (var key in this.listeners) {
+          var listener = this.listeners[key];
+
+          if (listener.handler) {
+            this.el.removeEventListener(key, listener.handler);
+            listener.handler = null;
+          }
+        }
+      }
     }]);
 
     return InteractionManager;
@@ -6461,7 +6658,7 @@
           data = JSON.parse(data);
         }
 
-        if (this.confirm("data-loading", data, params, config, silent)) {
+        if (this.confirm("data-loading", [data, params, config, silent])) {
           this.loading = true;
 
           if (!silent) {
@@ -6469,9 +6666,9 @@
           } //get params for request
 
 
-          var params = this.chain("data-params", [data, config, silent], params || {}, {});
+          params = this.chain("data-params", [data, config, silent], params || {}, params || {});
           params = this.mapParams(params, this.table.options.dataSendParams);
-          var result = this.chain("data-load", [data, params, config, silent], Promise.resolve([]));
+          var result = this.chain("data-load", [data, params, config, silent], false, Promise.resolve([]));
           return result.then(function (response) {
             if (!Array.isArray(response) && _typeof(response) == "object") {
               response = _this2.mapParams(response, _this2.objectInvert(_this2.table.options.dataReceiveParams));
@@ -6501,7 +6698,7 @@
 
             setTimeout(function () {
               _this2.hideLoader();
-            }, 3000);
+            }, _this2.table.options.dataLoaderErrorTimeout);
           })["finally"](function () {
             _this2.loading = false;
           });
@@ -7381,7 +7578,13 @@
         "prev_title": "Prev Page",
         "next": "Next",
         "next_title": "Next Page",
-        "all": "All"
+        "all": "All",
+        "counter": {
+          "showing": "Showing",
+          "of": "of",
+          "rows": "rows",
+          "pages": "pages"
+        }
       },
       "headerFilters": {
         "default": "filter column...",
@@ -8097,46 +8300,6 @@
       key: "restoreRedraw",
       value: function restoreRedraw() {
         return this.rowManager.restoreRedraw();
-      } //local data from local file
-
-    }, {
-      key: "setDataFromLocalFile",
-      value: function setDataFromLocalFile(extensions) {
-        var _this2 = this;
-
-        return new Promise(function (resolve, reject) {
-          var input = document.createElement("input");
-          input.type = "file";
-          input.accept = extensions || ".json,application/json";
-          input.addEventListener("change", function (e) {
-            var file = input.files[0],
-                reader = new FileReader(),
-                data;
-            reader.readAsText(file);
-
-            reader.onload = function (e) {
-              try {
-                data = JSON.parse(reader.result);
-              } catch (e) {
-                console.warn("File Load Error - File contents is invalid JSON", e);
-                reject(e);
-                return;
-              }
-
-              _this2.setData(data).then(function (data) {
-                resolve(data);
-              })["catch"](function (err) {
-                resolve(err);
-              });
-            };
-
-            reader.onerror = function (e) {
-              console.warn("File Load Error - Unable to read file");
-              reject();
-            };
-          });
-          input.click();
-        });
       } //load data
 
     }, {
@@ -8181,13 +8344,13 @@
     }, {
       key: "updateData",
       value: function updateData(data) {
-        var _this3 = this;
+        var _this2 = this;
 
         var responses = 0;
 
         if (this.initialized) {
           return new Promise(function (resolve, reject) {
-            _this3.dataLoader.blockActiveLoad();
+            _this2.dataLoader.blockActiveLoad();
 
             if (typeof data === "string") {
               data = JSON.parse(data);
@@ -8195,7 +8358,7 @@
 
             if (data) {
               data.forEach(function (item) {
-                var row = _this3.rowManager.findRow(item[_this3.options.index]);
+                var row = _this2.rowManager.findRow(item[_this2.options.index]);
 
                 if (row) {
                   responses++;
@@ -8220,18 +8383,18 @@
     }, {
       key: "addData",
       value: function addData(data, pos, index) {
-        var _this4 = this;
+        var _this3 = this;
 
         if (this.initialized) {
           return new Promise(function (resolve, reject) {
-            _this4.dataLoader.blockActiveLoad();
+            _this3.dataLoader.blockActiveLoad();
 
             if (typeof data === "string") {
               data = JSON.parse(data);
             }
 
             if (data) {
-              _this4.rowManager.addRows(data, pos, index).then(function (rows) {
+              _this3.rowManager.addRows(data, pos, index).then(function (rows) {
                 var output = [];
                 rows.forEach(function (row) {
                   output.push(row.getComponent());
@@ -8251,14 +8414,14 @@
     }, {
       key: "updateOrAddData",
       value: function updateOrAddData(data) {
-        var _this5 = this;
+        var _this4 = this;
 
         var rows = [],
             responses = 0;
 
         if (this.initialized) {
           return new Promise(function (resolve, reject) {
-            _this5.dataLoader.blockActiveLoad();
+            _this4.dataLoader.blockActiveLoad();
 
             if (typeof data === "string") {
               data = JSON.parse(data);
@@ -8266,7 +8429,7 @@
 
             if (data) {
               data.forEach(function (item) {
-                var row = _this5.rowManager.findRow(item[_this5.options.index]);
+                var row = _this4.rowManager.findRow(item[_this4.options.index]);
 
                 responses++;
 
@@ -8280,7 +8443,7 @@
                     }
                   });
                 } else {
-                  _this5.rowManager.addRows(item).then(function (newRows) {
+                  _this4.rowManager.addRows(item).then(function (newRows) {
                     responses--;
                     rows.push(newRows[0].getComponent());
 
@@ -8329,7 +8492,7 @@
     }, {
       key: "deleteRow",
       value: function deleteRow(index) {
-        var _this6 = this;
+        var _this5 = this;
 
         var foundRows = [];
 
@@ -8362,7 +8525,7 @@
         }
 
         foundRows.sort(function (a, b) {
-          return _this6.rowManager.rows.indexOf(a) > _this6.rowManager.rows.indexOf(b) ? 1 : -1;
+          return _this5.rowManager.rows.indexOf(a) > _this5.rowManager.rows.indexOf(b) ? 1 : -1;
         }); //delete rows
 
         foundRows.forEach(function (row) {
@@ -8592,13 +8755,13 @@
     }, {
       key: "scrollToColumn",
       value: function scrollToColumn(field, position, ifVisible) {
-        var _this7 = this;
+        var _this6 = this;
 
         return new Promise(function (resolve, reject) {
-          var column = _this7.columnManager.findColumn(field);
+          var column = _this6.columnManager.findColumn(field);
 
           if (column) {
-            return _this7.columnManager.scrollToColumn(column, position, ifVisible);
+            return _this6.columnManager.scrollToColumn(column, position, ifVisible);
           } else {
             console.warn("Scroll Error - No matching column found:", field);
             return Promise.reject("Scroll Error - No matching column found");
@@ -9003,7 +9166,7 @@
       _classCallCheck(this, Ajax);
 
       _this = _super.call(this, table);
-      _this.config = false; //hold config object for ajax request
+      _this.config = {}; //hold config object for ajax request
 
       _this.url = ""; //request URL
 
@@ -9044,22 +9207,31 @@
         this.loaderPromise = this.table.options.ajaxRequestFunc || Ajax.defaultLoaderPromise;
         this.urlGenerator = this.table.options.ajaxURLGenerator || Ajax.defaultURLGenerator;
 
-        if (this.table.options.ajaxParams) {
-          this.setParams(this.table.options.ajaxParams);
-        }
-
-        if (this.table.options.ajaxConfig) {
-          this.setConfig(this.table.options.ajaxConfig);
-        }
-
         if (this.table.options.ajaxURL) {
           this.setUrl(this.table.options.ajaxURL);
         }
 
+        this.setDefaultConfig(this.table.options.ajaxConfig);
         this.registerTableFunction("getAjaxUrl", this.getUrl.bind(this));
         this.subscribe("data-loading", this.requestDataCheck.bind(this));
+        this.subscribe("data-params", this.requestParams.bind(this));
         this.subscribe("data-load", this.requestData.bind(this));
       }
+    }, {
+      key: "requestParams",
+      value: function requestParams(data, config, silent, params) {
+        var ajaxParams = this.table.options.ajaxParams;
+
+        if (ajaxParams) {
+          if (typeof ajaxParams === "function") {
+            ajaxParams = ajaxParams.call(this.table);
+          }
+
+          params = Object.assign(params, ajaxParams);
+        }
+
+        return params;
+      }
     }, {
       key: "requestDataCheck",
       value: function requestDataCheck(data, params, config, silent) {
@@ -9067,69 +9239,46 @@
       }
     }, {
       key: "requestData",
-      value: function requestData(data, params, config, silent, previousData) {
-        if (this.requestDataCheck(data)) {
-          if (data) {
-            this.setUrl(data);
-          }
+      value: function requestData(url, params, config, silent, previousData) {
+        var ajaxConfig;
 
-          if (params) {
-            this.setParams(params, true);
+        if (!previousData && this.requestDataCheck(url)) {
+          if (url) {
+            this.setUrl(url);
           }
 
-          if (config) {
-            this.setConfig(config);
-          }
-
-          return this.sendRequest();
+          ajaxConfig = this.generateConfig(config);
+          return this.sendRequest(this.url, params, ajaxConfig);
         } else {
           return previousData;
         }
-      } //set ajax params
-
+      }
     }, {
-      key: "setParams",
-      value: function setParams(params, update) {
-        if (update) {
-          this.params = this.params || {};
+      key: "setDefaultConfig",
+      value: function setDefaultConfig() {
+        var config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+        this.config = Object.assign({}, Ajax.defaultConfig);
 
-          for (var key in params) {
-            this.params[key] = params[key];
-          }
+        if (typeof config == "string") {
+          this.config.method = config;
         } else {
-          this.params = params;
+          Object.assign(this.config, config);
         }
-      }
-    }, {
-      key: "getParams",
-      value: function getParams() {
-        return this.params || {};
       } //load config object
 
     }, {
-      key: "setConfig",
-      value: function setConfig(config) {
-        this._loadDefaultConfig();
+      key: "generateConfig",
+      value: function generateConfig() {
+        var config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+        var ajaxConfig = Object.assign({}, this.config);
 
         if (typeof config == "string") {
-          this.config.method = config;
+          ajaxConfig.method = config;
         } else {
-          for (var key in config) {
-            this.config[key] = config[key];
-          }
+          Object.assign(ajaxConfig, config);
         }
-      } //create config object from default
-
-    }, {
-      key: "_loadDefaultConfig",
-      value: function _loadDefaultConfig(force) {
-        if (!this.config || force) {
-          this.config = {}; //load base config from defaults
 
-          for (var key in Ajax.defaultConfig) {
-            this.config[key] = Ajax.defaultConfig[key];
-          }
-        }
+        return ajaxConfig;
       } //set request url
 
     }, {
@@ -9146,17 +9295,13 @@
 
     }, {
       key: "sendRequest",
-      value: function sendRequest(silent) {
+      value: function sendRequest(url, params, config) {
         var _this2 = this;
 
-        var url = this.url;
-
-        this._loadDefaultConfig();
-
-        if (this.table.options.ajaxRequesting.call(this.table, this.url, this.params) !== false) {
-          return this.loaderPromise(url, this.config, this.params).then(function (data) {
+        if (this.table.options.ajaxRequesting.call(this.table, url, params) !== false) {
+          return this.loaderPromise(url, config, params).then(function (data) {
             if (_this2.table.options.ajaxResponse) {
-              data = _this2.table.options.ajaxResponse.call(_this2.table, _this2.url, _this2.params, data);
+              data = _this2.table.options.ajaxResponse.call(_this2.table, url, params, data);
             }
 
             return data;
@@ -9752,7 +9897,7 @@
     }, {
       key: "initialize",
       value: function initialize() {
-        this.genColumn = new Column$1({
+        this.genColumn = new Column({
           field: "value"
         }, this);
         this.subscribe("cell-value-changed", this.cellValueChanged.bind(this));
@@ -9762,8 +9907,9 @@
         this.subscribe("row-added", this.rowsUpdated.bind(this));
         this.subscribe("column-moved", this.recalcActiveRows.bind(this));
         this.subscribe("column-add", this.recalcActiveRows.bind(this));
-        this.subscribe("data-refeshed", this.recalcActiveRows.bind(this));
+        this.subscribe("data-refreshed", this.recalcActiveRows.bind(this));
         this.subscribe("table-redraw", this.tableRedraw.bind(this));
+        this.subscribe("rows-visible", this.visibleRows.bind(this));
         this.registerTableFunction("getCalcResults", this.getResults.bind(this));
         this.registerTableFunction("recalc", this.userRecalc.bind(this));
       }
@@ -9787,6 +9933,19 @@
       ///////// Internal Logic //////////
       ///////////////////////////////////
 
+    }, {
+      key: "visibleRows",
+      value: function visibleRows(viewable, rows) {
+        if (this.topRow) {
+          rows.unshift(this.topRow);
+        }
+
+        if (this.botRow) {
+          rows.push(this.botRow);
+        }
+
+        return rows;
+      }
     }, {
       key: "rowsUpdated",
       value: function rowsUpdated(row) {
@@ -10050,7 +10209,7 @@
           data.push(row.getData());
 
           if (_this3.table.options.dataTree && _this3.table.options.dataTreeChildColumnCalcs) {
-            if (row.modules.dataTree.open) {
+            if (row.modules.dataTree && row.modules.dataTree.open) {
               var children = _this3.rowsToData(_this3.table.modules.dataTree.getFilteredTreeChildren(row));
 
               data = data.concat(children);
@@ -10297,6 +10456,8 @@
 
       _this.registerComponentFunction("row", "addTreeChild", _this.addTreeChildRow.bind(_assertThisInitialized(_this)));
 
+      _this.registerComponentFunction("row", "isTreeExpanded", _this.isRowExpanded.bind(_assertThisInitialized(_this)));
+
       return _this;
     }
 
@@ -10305,11 +10466,9 @@
       value: function initialize() {
         if (this.table.options.dataTree) {
           var dummyEl = null,
-              firstCol = this.table.columnManager.getFirstVisibileColumn(),
               options = this.table.options;
           this.field = options.dataTreeChildField;
           this.indent = options.dataTreeChildIndent;
-          this.elementField = options.dataTreeElementColumn || (firstCol ? firstCol.field : false);
 
           if (options.dataTreeBranchElement) {
             if (options.dataTreeBranchElement === true) {
@@ -10378,13 +10537,21 @@
 
           this.subscribe("row-init", this.initializeRow.bind(this));
           this.subscribe("row-layout-after", this.layoutRow.bind(this));
-          this.subscribe("row-relayout", this.layoutRow.bind(this));
           this.subscribe("row-deleted", this.rowDelete.bind(this), 0);
           this.subscribe("row-data-changed", this.rowDataChanged.bind(this), 10);
+          this.subscribe("cell-value-updated", this.cellValueChanged.bind(this));
+          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.registerDisplayHandler(this.getRows.bind(this), 30);
         }
       }
+    }, {
+      key: "initializeElementField",
+      value: function initializeElementField() {
+        var firstCol = this.table.columnManager.getFirstVisibleColumn();
+        this.elementField = this.table.options.dataTreeElementColumn || (firstCol ? firstCol.field : false);
+      }
     }, {
       key: "getRowChildren",
       value: function getRowChildren(row) {
@@ -10413,6 +10580,15 @@
           }
         }
       }
+    }, {
+      key: "cellValueChanged",
+      value: function cellValueChanged(cell) {
+        var field = cell.column.getField();
+
+        if (field === this.elementField) {
+          this.layoutRow(cell.row);
+        }
+      }
     }, {
       key: "initializeRow",
       value: function initializeRow(row) {
@@ -10662,6 +10838,11 @@
           }
         }
       }
+    }, {
+      key: "isRowExpanded",
+      value: function isRowExpanded(row) {
+        return row.modules.dataTree.open;
+      }
     }, {
       key: "getTreeParent",
       value: function getTreeParent(row) {
@@ -10824,13 +11005,6 @@
 
         return output;
       }
-    }, {
-      key: "checkForRestyle",
-      value: function checkForRestyle(cell) {
-        if (!cell.row.cells.indexOf(cell)) {
-          this.layoutRow(cell.row);
-        }
-      }
     }, {
       key: "getChildField",
       value: function getChildField() {
@@ -10927,7 +11101,7 @@
         case "row":
           row.columns.forEach(function (col) {
             if (col) {
-              item[col.component.getField()] = col.value;
+              item[col.component.getTitleDownload() || col.component.getField()] = col.value;
             }
           });
           fileContents.push(item);
@@ -11015,8 +11189,6 @@
           }
 
           rowData.push(cell);
-        } else {
-          rowData.push("");
         }
       });
       return rowData;
@@ -11083,16 +11255,18 @@
             rowData.push(!(col.value instanceof Date) && _typeof(col.value) === "object" ? JSON.stringify(col.value) : col.value);
 
             if (col.width > 1 || col.height > -1) {
-              merges.push({
-                s: {
-                  r: i,
-                  c: j
-                },
-                e: {
-                  r: i + col.height - 1,
-                  c: j + col.width - 1
-                }
-              });
+              if (col.height > 1 || col.width > 1) {
+                merges.push({
+                  s: {
+                    r: i,
+                    c: j
+                  },
+                  e: {
+                    r: i + col.height - 1,
+                    c: j + col.width - 1
+                  }
+                });
+              }
             }
           } else {
             rowData.push("");
@@ -11170,21 +11344,52 @@
     }
   }
 
-  var defaultDownloaders = {
-    csv: csv,
-    json: json,
-    pdf: pdf,
-    xlsx: xlsx,
-    html: html
-  };
-
-  var Download = /*#__PURE__*/function (_Module) {
-    _inherits(Download, _Module);
+  function jsonLines (list, options, setFileContents) {
+    var fileContents = [];
+    list.forEach(function (row) {
+      var item = {};
 
-    var _super = _createSuper(Download);
+      switch (row.type) {
+        case "header":
+          break;
 
-    function Download(table) {
-      var _this;
+        case "group":
+          console.warn("Download Warning - JSON downloader cannot process row groups");
+          break;
+
+        case "calc":
+          console.warn("Download Warning - JSON downloader cannot process column calculations");
+          break;
+
+        case "row":
+          row.columns.forEach(function (col) {
+            if (col) {
+              item[col.component.getTitleDownload() || col.component.getField()] = col.value;
+            }
+          });
+          fileContents.push(JSON.stringify(item));
+          break;
+      }
+    });
+    setFileContents(fileContents.join("\n"), "application/x-ndjson");
+  }
+
+  var defaultDownloaders = {
+    csv: csv,
+    json: json,
+    jsonLines: jsonLines,
+    pdf: pdf,
+    xlsx: xlsx,
+    html: html
+  };
+
+  var Download = /*#__PURE__*/function (_Module) {
+    _inherits(Download, _Module);
+
+    var _super = _createSuper(Download);
+
+    function Download(table) {
+      var _this;
 
       _classCallCheck(this, Download);
 
@@ -13185,13 +13390,13 @@
         this.subscribe("column-layout", this.initializeColumnCheck.bind(this));
         this.subscribe("column-delete", this.columnDeleteCheck.bind(this));
         this.subscribe("row-deleting", this.rowDeleteCheck.bind(this));
-        this.subscribe("data-refeshing", this.cancelEdit.bind(this));
-        this.subscribe("keybinding-nav-prev", this.navigatePrev.bind(this));
+        this.subscribe("data-refreshing", this.cancelEdit.bind(this));
+        this.subscribe("keybinding-nav-prev", this.navigatePrev.bind(this, undefined));
         this.subscribe("keybinding-nav-next", this.keybindingNavigateNext.bind(this));
-        this.subscribe("keybinding-nav-left", this.navigateLeft.bind(this));
-        this.subscribe("keybinding-nav-right", this.navigateRight.bind(this));
-        this.subscribe("keybinding-nav-up", this.navigateUp.bind(this));
-        this.subscribe("keybinding-nav-down", this.navigateDown.bind(this));
+        this.subscribe("keybinding-nav-left", this.navigateLeft.bind(this, undefined));
+        this.subscribe("keybinding-nav-right", this.navigateRight.bind(this, undefined));
+        this.subscribe("keybinding-nav-up", this.navigateUp.bind(this, undefined));
+        this.subscribe("keybinding-nav-down", this.navigateDown.bind(this, undefined));
       } ///////////////////////////////////
       ////// Keybinding Functions ///////
       ///////////////////////////////////
@@ -13203,7 +13408,7 @@
             newRow = this.options("tabEndNewRow");
 
         if (cell) {
-          if (!this.navigateNext(e)) {
+          if (!this.navigateNext(cell, e)) {
             if (newRow) {
               cell.getElement().firstChild.blur();
 
@@ -13219,7 +13424,7 @@
 
               newRow.then(function () {
                 setTimeout(function () {
-                  nav.next();
+                  cell.getComponent().navigateNext();
                 });
               });
             }
@@ -13252,7 +13457,7 @@
         var _this2 = this;
 
         if (!cells) {
-          cells = this.modules.edit.getEditedCells();
+          cells = this.table.modules.edit.getEditedCells();
         }
 
         if (!Array.isArray(cells)) {
@@ -13260,15 +13465,15 @@
         }
 
         cells.forEach(function (cell) {
-          _this2.modules.edit.clearEdited(cell._getSelf());
+          _this2.table.modules.edit.clearEdited(cell._getSelf());
         });
       }
     }, {
       key: "navigatePrev",
-      value: function navigatePrev(e) {
-        var cell = this.currentCell,
-            nextCell,
-            prevRow;
+      value: function navigatePrev() {
+        var cell = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.currentCell;
+        var e = arguments.length > 1 ? arguments[1] : undefined;
+        var nextCell, prevRow;
 
         if (cell) {
           if (e) {
@@ -13297,10 +13502,10 @@
       }
     }, {
       key: "navigateNext",
-      value: function navigateNext(e) {
-        var cell = this.currentCell,
-            nextCell,
-            nextRow;
+      value: function navigateNext() {
+        var cell = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.currentCell;
+        var e = arguments.length > 1 ? arguments[1] : undefined;
+        var nextCell, nextRow;
 
         if (cell) {
           if (e) {
@@ -13329,10 +13534,10 @@
       }
     }, {
       key: "navigateLeft",
-      value: function navigateLeft(e) {
-        var cell = this.currentCell,
-            index,
-            nextCell;
+      value: function navigateLeft() {
+        var cell = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.currentCell;
+        var e = arguments.length > 1 ? arguments[1] : undefined;
+        var index, nextCell;
 
         if (cell) {
           if (e) {
@@ -13352,10 +13557,10 @@
       }
     }, {
       key: "navigateRight",
-      value: function navigateRight(e) {
-        var cell = this.currentCell,
-            index,
-            nextCell;
+      value: function navigateRight() {
+        var cell = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.currentCell;
+        var e = arguments.length > 1 ? arguments[1] : undefined;
+        var index, nextCell;
 
         if (cell) {
           if (e) {
@@ -13375,10 +13580,10 @@
       }
     }, {
       key: "navigateUp",
-      value: function navigateUp(e) {
-        var cell = this.currentCell,
-            index,
-            nextRow;
+      value: function navigateUp() {
+        var cell = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.currentCell;
+        var e = arguments.length > 1 ? arguments[1] : undefined;
+        var index, nextRow;
 
         if (cell) {
           if (e) {
@@ -13398,10 +13603,10 @@
       }
     }, {
       key: "navigateDown",
-      value: function navigateDown(e) {
-        var cell = this.currentCell,
-            index,
-            nextRow;
+      value: function navigateDown() {
+        var cell = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.currentCell;
+        var e = arguments.length > 1 ? arguments[1] : undefined;
+        var index, nextRow;
 
         if (cell) {
           if (e) {
@@ -13556,8 +13761,8 @@
           cellEl = cell.getElement();
 
           if (cancel) {
-            if (cell.validate) {
-              cell.validate();
+            if (cell.column.modules.validate && this.table.modExists("validate")) {
+              this.table.modules.validate.cellValidate(cell);
             }
           } else {
             cellEl.classList.remove("tabulator-validation-fail");
@@ -13590,6 +13795,7 @@
             cell.column.definition.cellEditCancelled.call(this.table, component);
           }
 
+          this.dispatch("edit-cancelled", cell);
           this.dispatchExternal("cellEditCancelled", component);
         }
       } //return a formatted value for a cell
@@ -13726,10 +13932,6 @@
 
               cell.setValue(value, true);
 
-              if (self.table.options.dataTree && self.table.modExists("dataTree")) {
-                self.table.modules.dataTree.checkForRestyle(cell);
-              }
-
               if (valid !== true) {
                 element.classList.add("tabulator-validation-fail");
                 self.table.externalEvents.dispatch("validationFailed", cell.getComponent(), value, valid);
@@ -13752,10 +13954,6 @@
         function cancel() {
           if (self.currentCell === cell) {
             self.cancelEdit();
-
-            if (self.table.options.dataTree && self.table.modExists("dataTree")) {
-              self.table.modules.dataTree.checkForRestyle(cell);
-            }
           }
         }
 
@@ -13969,7 +14167,7 @@
           switch (range) {
             case true:
             case "visible":
-              rows = this.table.rowManager.getVisibleRows(true);
+              rows = this.table.rowManager.getVisibleRows(false, true);
               break;
 
             case "all":
@@ -15025,7 +15223,7 @@
               }
             };
             params = column.definition.headerFilterParams || {};
-            params = typeof params === "function" ? params.call(self.table) : params;
+            params = typeof params === "function" ? params.call(self.table, cellWrapper) : params;
             editorElement = editor.call(this.table.modules.edit, cellWrapper, function () {}, success, cancel, params);
 
             if (!editorElement) {
@@ -15740,7 +15938,7 @@
     var value = cell.getValue();
 
     if (typeof DT != "undefined") {
-      var newDatetime = DT.fromFormat(String(value), inputFormat);
+      var newDatetime = inputFormat === "iso" ? DT.fromISO(String(value)) : DT.fromFormat(String(value), inputFormat);
 
       if (newDatetime.isValid) {
         if (formatterParams.timezone) {
@@ -15773,7 +15971,7 @@
     var value = cell.getValue();
 
     if (typeof DT != "undefined") {
-      var newDatetime = DT.fromFormat(String(value), inputFormat);
+      var newDatetime = inputFormat === "iso" ? DT.fromISO(String(value)) : DT.fromFormat(String(value), inputFormat);
 
       if (newDatetime.isValid) {
         if (humanize) ; else {
@@ -16408,7 +16606,7 @@
         this.subscribe("cell-layout", this.layoutCell.bind(this));
         this.subscribe("column-init", this.initializeColumn.bind(this));
         this.subscribe("column-width", this.layout.bind(this));
-        this.subscribe("row-layout-before", this.layoutRow.bind(this));
+        this.subscribe("row-layout-after", this.layoutRow.bind(this));
         this.subscribe("table-layout", this.layout.bind(this));
         this.subscribe("scroll-horizontal", this.scrollHorizontal.bind(this));
         this.subscribe("columns-loading", this.reset.bind(this));
@@ -16704,6 +16902,7 @@
 
         this.table.columnManager.getElement().insertBefore(this.topElement, this.table.columnManager.headersElement.nextSibling);
         this.subscribe("row-deleting", this.detachRow.bind(this));
+        this.subscribe("rows-visible", this.visibleRows.bind(this));
         this.registerDisplayHandler(this.getRows.bind(this), 10);
       }
     }, {
@@ -16716,6 +16915,14 @@
       key: "isFrozen",
       value: function isFrozen() {
         return !!this.rows.length;
+      }
+    }, {
+      key: "visibleRows",
+      value: function visibleRows(viewable, rows) {
+        this.rows.forEach(function (row) {
+          rows.push(row);
+        });
+        return rows;
       } //filter frozen rows out of display data
 
     }, {
@@ -16808,7 +17015,7 @@
           if (typeof target[name] !== "undefined") {
             return target[name];
           } else {
-            return target._group.table.componentFunctionBinder.handle("row", target._group, name);
+            return target._group.groupManager.table.componentFunctionBinder.handle("row", target._group, name);
           }
         }
       });
@@ -16897,6 +17104,7 @@
       this.groups = [];
       this.groupList = [];
       this.generator = generator;
+      this.element = false;
       this.elementContents = false;
       this.height = 0;
       this.outerHeight = 0;
@@ -16967,64 +17175,7 @@
       value: function addBindings() {
         var _this2 = this;
 
-        var dblTap, tapHold, tap, toggleElement;
-
-        if ((this.groupManager.table.options.groupContextMenu || this.groupManager.table.options.groupClickMenu) && this.groupManager.table.modExists("menu")) {
-          this.groupManager.table.modules.menu.initializeGroup.call(this.groupManager.table.modules.menu, this);
-        }
-
-        if (this.groupManager.table.options.groupTap) {
-          tap = false;
-          this.element.addEventListener("touchstart", function (e) {
-            tap = true;
-          }, {
-            passive: true
-          });
-          this.element.addEventListener("touchend", function (e) {
-            if (tap) {
-              _this2.groupManager.table.options.groupTap(e, _this2.getComponent());
-            }
-
-            tap = false;
-          });
-        }
-
-        if (this.groupManager.table.options.groupDblTap) {
-          dblTap = null;
-          this.element.addEventListener("touchend", function (e) {
-            if (dblTap) {
-              clearTimeout(dblTap);
-              dblTap = null;
-
-              _this2.groupManager.table.options.groupDblTap(e, _this2.getComponent());
-            } else {
-              dblTap = setTimeout(function () {
-                clearTimeout(dblTap);
-                dblTap = null;
-              }, 300);
-            }
-          });
-        }
-
-        if (this.groupManager.table.options.groupTapHold) {
-          tapHold = null;
-          this.element.addEventListener("touchstart", function (e) {
-            clearTimeout(tapHold);
-            tapHold = setTimeout(function () {
-              clearTimeout(tapHold);
-              tapHold = null;
-              tap = false;
-
-              _this2.groupManager.table.options.groupTapHold(e, _this2.getComponent());
-            }, 1000);
-          }, {
-            passive: true
-          });
-          this.element.addEventListener("touchend", function (e) {
-            clearTimeout(tapHold);
-            tapHold = null;
-          });
-        }
+        var toggleElement;
 
         if (this.groupManager.table.options.groupToggleElement) {
           toggleElement = this.groupManager.table.options.groupToggleElement == "arrow" ? this.arrowElement : this.element;
@@ -17326,7 +17477,7 @@
 
         if (this.groupManager.table.rowManager.getRenderMode() == "classic" && !this.groupManager.table.options.pagination) {
           this.element.classList.add("tabulator-group-visible");
-          var prev = this.getElement();
+          var prev = this.generateElement();
 
           if (this.groupList.length) {
             this.groupList.forEach(function (group) {
@@ -17445,7 +17596,12 @@
     }, {
       key: "getElement",
       value: function getElement() {
-        this.addBindingsd = false;
+        return this.elementContents ? this.element : this.generateElement();
+      }
+    }, {
+      key: "generateElement",
+      value: function generateElement() {
+        this.addBindings = false;
 
         this._visSet();
 
@@ -17621,13 +17777,12 @@
       key: "initialize",
       value: function initialize() {
         if (this.table.options.groupBy) {
-          this.configureGroupSetup();
-
           if (this.table.options.groupUpdateOnCellEdit) {
             this.subscribe("cell-value-updated", this.cellUpdated.bind(this));
             this.subscribe("row-data-changed", this.reassignRowToGroup.bind(this), 0);
           }
 
+          this.subscribe("table-built", this.configureGroupSetup.bind(this));
           this.subscribe("row-deleting", this.rowDeleting.bind(this));
           this.subscribe("row-deleted", this.rowsUpdated.bind(this));
           this.subscribe("scroll-horizontal", this.scrollHeaders.bind(this));
@@ -18579,6 +18734,279 @@
 
   HtmlTableImport.moduleName = "htmlTableImport";
 
+  function csvImporter(input) {
+    var data = [],
+        row = 0,
+        col = 0,
+        inQuote = false; //Iterate over each character
+
+    for (var index = 0; index < input.length; index++) {
+      var _char = input[index],
+          nextChar = input[index + 1]; //Initialize empty row
+
+      if (!data[row]) {
+        data[row] = [];
+      } //Initialize empty column
+
+
+      if (!data[row][col]) {
+        data[row][col] = "";
+      } //Handle quotation mark inside string
+
+
+      if (_char == '"' && inQuote && nextChar == '"') {
+        data[row][col] += _char;
+        index++;
+        continue;
+      } //Begin / End Quote
+
+
+      if (_char == '"') {
+        inQuote = !inQuote;
+        continue;
+      } //Next column (if not in quote)
+
+
+      if (_char == ',' && !inQuote) {
+        col++;
+        continue;
+      } //New row if new line and not in quote (CRLF) 
+
+
+      if (_char == '\r' && nextChar == '\n' && !inQuote) {
+        col = 0;
+        row++;
+        index++;
+        continue;
+      } //New row if new line and not in quote (CR or LF) 
+
+
+      if ((_char == '\r' || _char == '\n') && !inQuote) {
+        col = 0;
+        row++;
+        continue;
+      } //Normal Character, append to column
+
+
+      data[row][col] += _char;
+    }
+
+    return data;
+  }
+
+  function json$1 (input) {
+    try {
+      return JSON.parse(input);
+    } catch (e) {
+      console.warn("JSON Import Error - File contents is invalid JSON", e);
+      return Promise.reject();
+    }
+  }
+
+  var defaultImporters = {
+    csv: csvImporter,
+    json: json$1
+  };
+
+  var Import = /*#__PURE__*/function (_Module) {
+    _inherits(Import, _Module);
+
+    var _super = _createSuper(Import);
+
+    function Import(table) {
+      var _this;
+
+      _classCallCheck(this, Import);
+
+      _this = _super.call(this, table);
+
+      _this.registerTableOption("importFormat");
+
+      _this.registerTableOption("importReader", "text");
+
+      return _this;
+    }
+
+    _createClass(Import, [{
+      key: "initialize",
+      value: function initialize() {
+        this.registerTableFunction("import", this.importFromFile.bind(this));
+
+        if (this.table.options.importFormat) {
+          this.subscribe("data-loading", this.loadDataCheck.bind(this), 10);
+          this.subscribe("data-load", this.loadData.bind(this), 10);
+        }
+      }
+    }, {
+      key: "loadDataCheck",
+      value: function loadDataCheck(data) {
+        return typeof data === "string";
+      }
+    }, {
+      key: "loadData",
+      value: function loadData(data, params, config, silent, previousData) {
+        return this.importData(this.lookupImporter(), data).then(this.structureData.bind(this))["catch"](function (err) {
+          console.error("Import Error:", err || "Unable to import data");
+          return Promise.reject(err);
+        });
+      }
+    }, {
+      key: "lookupImporter",
+      value: function lookupImporter(importFormat) {
+        var importer;
+
+        if (!importFormat) {
+          importFormat = this.table.options.importFormat;
+        }
+
+        if (typeof importFormat === "string") {
+          importer = Import.importers[importFormat];
+        } else {
+          importer = importFormat;
+        }
+
+        if (!importer) {
+          console.error("Import Error - Importer not found:", importFormat);
+        }
+
+        return importer;
+      }
+    }, {
+      key: "importFromFile",
+      value: function importFromFile(importFormat, extension) {
+        var importer = this.lookupImporter(importFormat);
+
+        if (importer) {
+          return this.pickFile(extension).then(this.importData.bind(this, importer)).then(this.structureData.bind(this)).then(this.setData.bind(this))["catch"](function (err) {
+            console.error("Import Error:", err || "Unable to import file");
+            return Promise.reject(err);
+          });
+        }
+      }
+    }, {
+      key: "pickFile",
+      value: function pickFile(extensions) {
+        var _this2 = this;
+
+        return new Promise(function (resolve, reject) {
+          var input = document.createElement("input");
+          input.type = "file";
+          input.accept = extensions;
+          input.addEventListener("change", function (e) {
+            var file = input.files[0],
+                reader = new FileReader();
+
+            switch (_this2.table.options.importReader) {
+              case "buffer":
+                reader.readAsArrayBuffer(file);
+                break;
+
+              case "binary":
+                reader.readAsBinaryString(file);
+                break;
+
+              case "url":
+                reader.readAsDataURL(file);
+                break;
+
+              case "text":
+              default:
+                reader.readAsText(file);
+            }
+
+            reader.onload = function (e) {
+              resolve(reader.result);
+            };
+
+            reader.onerror = function (e) {
+              console.warn("File Load Error - Unable to read file");
+              reject();
+            };
+          });
+          input.click();
+        });
+      }
+    }, {
+      key: "importData",
+      value: function importData(importer, fileContents) {
+        var data = importer.call(this.table, fileContents);
+
+        if (data instanceof Promise) {
+          return data;
+        } else {
+          return data ? Promise.resolve(data) : Promise.reject();
+        }
+      }
+    }, {
+      key: "structureData",
+      value: function structureData(parsedData) {
+        var data = [];
+
+        if (Array.isArray(parsedData) && parsedData.length && Array.isArray(parsedData[0])) {
+          if (this.table.options.autoColumns) {
+            data = this.structureArrayToObject(parsedData);
+          } else {
+            data = this.structureArrayToColumns(parsedData);
+          }
+
+          return data;
+        } else {
+          return parsedData;
+        }
+      }
+    }, {
+      key: "structureArrayToObject",
+      value: function structureArrayToObject(parsedData) {
+        var columns = parsedData.shift();
+        var data = parsedData.map(function (values) {
+          var row = {};
+          columns.forEach(function (key, i) {
+            row[key] = values[i];
+          });
+          return row;
+        });
+        return data;
+      }
+    }, {
+      key: "structureArrayToColumns",
+      value: function structureArrayToColumns(parsedData) {
+        var data = [],
+            columns = this.table.getColumns(); //remove first row if it is the column names
+
+        if (columns[0] && parsedData[0][0]) {
+          if (columns[0].getDefinition().title === parsedData[0][0]) {
+            parsedData.shift();
+          }
+        } //convert row arrays to objects
+
+
+        parsedData.forEach(function (rowData) {
+          var row = {};
+          rowData.forEach(function (value, index) {
+            var column = columns[index];
+
+            if (column) {
+              row[column.getField()] = value;
+            }
+          });
+          data.push(row);
+        });
+        return data;
+      }
+    }, {
+      key: "setData",
+      value: function setData(data) {
+        return this.table.setData(data);
+      }
+    }]);
+
+    return Import;
+  }(Module);
+
+  Import.moduleName = "import"; //load defaults
+
+  Import.importers = defaultImporters;
+
   var Interaction = /*#__PURE__*/function (_Module) {
     _inherits(Interaction, _Module);
 
@@ -18658,6 +19086,11 @@
           tap: null,
           tapDbl: null,
           tapHold: null
+        },
+        group: {
+          tap: null,
+          tapDbl: null,
+          tapHold: null
         }
       };
 
@@ -18889,7 +19322,7 @@
         if (this.columnSubscribers[action]) {
           if (component instanceof Cell) {
             callback = component.column.definition[action];
-          } else if (component instanceof Column$1) {
+          } else if (component instanceof Column) {
             callback = component.definition[action];
           }
 
@@ -18916,9 +19349,9 @@
     scrollPageDown: 34,
     scrollToStart: 36,
     scrollToEnd: 35,
-    undo: "ctrl + 90",
-    redo: "ctrl + 89",
-    copyToClipboard: "ctrl + 67"
+    undo: ["ctrl + 90", "meta + 90"],
+    redo: ["ctrl + 89", "meta + 89"],
+    copyToClipboard: ["ctrl + 67", "meta + 89"]
   };
 
   var defaultActions = {
@@ -19045,7 +19478,7 @@
       _this.keyupBinding = false;
       _this.keydownBinding = false;
 
-      _this.registerTableOption("keybindings", []); //array for keybindings
+      _this.registerTableOption("keybindings", {}); //array for keybindings
 
 
       _this.registerTableOption("tabEndNewRow", false); //create new row when tab to end of table
@@ -19063,16 +19496,8 @@
         this.pressedKeys = [];
 
         if (bindings !== false) {
-          for (var key in Keybindings.bindings) {
-            mergedBindings[key] = Keybindings.bindings[key];
-          }
-
-          if (Object.keys(bindings).length) {
-            for (var _key in bindings) {
-              mergedBindings[_key] = bindings[_key];
-            }
-          }
-
+          Object.assign(mergedBindings, Keybindings.bindings);
+          Object.assign(mergedBindings, bindings);
           this.mapBindings(mergedBindings);
           this.bindEvents();
         }
@@ -19092,7 +19517,10 @@
               }
 
               bindings[key].forEach(function (binding) {
-                _this2.mapBinding(key, binding);
+                var bindingList = Array.isArray(binding) ? binding : [binding];
+                bindingList.forEach(function (item) {
+                  _this2.mapBinding(key, item);
+                });
               });
             }
           } else {
@@ -19132,7 +19560,7 @@
               break;
 
             default:
-              symbol = parseInt(symbol);
+              symbol = isNaN(symbol) ? symbol.toUpperCase().charCodeAt(0) : parseInt(symbol);
               binding.keys.push(symbol);
 
               if (!_this3.watchKeys[symbol]) {
@@ -19234,11 +19662,14 @@
       _classCallCheck(this, Menu);
 
       _this = _super.call(this, table);
+      _this.menuContainer = null;
       _this.menuElements = [];
       _this.blurEvent = _this.hideMenu.bind(_assertThisInitialized(_this));
       _this.escEvent = _this.escMenu.bind(_assertThisInitialized(_this));
       _this.nestedMenuBlock = false;
       _this.positionReversedX = false;
+      _this.currentComponent = null;
+      _this.columnSubscribers = {};
 
       _this.registerTableOption("rowContextMenu", false);
 
@@ -19248,8 +19679,12 @@
 
       _this.registerTableOption("groupClickMenu", false);
 
+      _this.registerTableOption("menuContainer", false);
+
       _this.registerColumnOption("headerContextMenu");
 
+      _this.registerColumnOption("headerClickMenu");
+
       _this.registerColumnOption("headerMenu");
 
       _this.registerColumnOption("contextMenu");
@@ -19262,133 +19697,157 @@
     _createClass(Menu, [{
       key: "initialize",
       value: function initialize() {
-        this.subscribe("cell-layout", this.layoutCell.bind(this));
+        this.lookupMenuContainer();
+        this.initializeRowWatchers();
+        this.initializeGroupWatchers();
         this.subscribe("column-init", this.initializeColumn.bind(this));
-        this.subscribe("row-init", this.initializeRow.bind(this));
       }
     }, {
-      key: "layoutCell",
-      value: function layoutCell(cell) {
-        if (cell.column.definition.contextMenu || cell.column.definition.clickMenu) {
-          this.initializeCell(cell);
+      key: "lookupMenuContainer",
+      value: function lookupMenuContainer() {
+        this.menuContainer = this.table.options.menuContainer;
+
+        if (typeof this.menuContainer === "string") {
+          this.menuContainer = document.querySelector(this.menuContainer);
+
+          if (!this.menuContainer) {
+            console.warn("Menu Error - no container element found matching selector:", this.table.options.menuContainer, "(defaulting to document body)");
+          }
+        } else if (this.menuContainer === true) {
+          this.menuContainer = this.table.element;
+        }
+
+        if (this.menuContainer && !this.checkMenuContainerIsParent(this.menuContainer)) {
+          this.menuContainer = false;
+          console.warn("Menu Error - container element does not contain this table:", this.table.options.menuContainer, "(defaulting to document body)");
+        }
+
+        if (!this.menuContainer) {
+          this.menuContainer = document.body;
         }
       }
     }, {
-      key: "initializeColumn",
-      value: function initializeColumn(column) {
-        var def = column.definition;
+      key: "checkMenuContainerIsParent",
+      value: function checkMenuContainerIsParent(container) {
+        var element = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.table.element;
+
+        if (container === element) {
+          return true;
+        } else {
+          return element.parentNode ? this.checkMenuContainerIsParent(container, element.parentNode) : false;
+        }
+      }
+    }, {
+      key: "initializeRowWatchers",
+      value: function initializeRowWatchers() {
+        if (this.table.options.rowContextMenu) {
+          this.subscribe("row-contextmenu", this.loadMenuEvent.bind(this, this.table.options.rowContextMenu));
+          this.table.on("rowTapHold", this.loadMenuEvent.bind(this, this.table.options.rowContextMenu));
+        }
 
-        if (def.headerContextMenu || def.headerClickMenu || def.headerMenu) {
-          this.initializeColumnHeader(column);
+        if (this.table.options.rowClickMenu) {
+          this.subscribe("row-click", this.loadMenuEvent.bind(this, this.table.options.rowClickMenu));
         }
       }
     }, {
-      key: "initializeColumnHeader",
-      value: function initializeColumnHeader(column) {
-        var _this2 = this;
+      key: "initializeGroupWatchers",
+      value: function initializeGroupWatchers() {
+        if (this.table.options.groupContextMenu) {
+          this.subscribe("group-contextmenu", this.loadMenuEvent.bind(this, this.table.options.groupContextMenu));
+          this.table.on("groupTapHold", this.loadMenuEvent.bind(this, this.table.options.groupContextMenu));
+        }
 
-        var headerMenuEl;
+        if (this.table.options.groupClickMenu) {
+          this.subscribe("group-click", this.loadMenuEvent.bind(this, this.table.options.groupClickMenu));
+        }
+      }
+    }, {
+      key: "initializeColumn",
+      value: function initializeColumn(column) {
+        var def = column.definition; //handle column events
 
-        if (column.definition.headerContextMenu) {
-          column.getElement().addEventListener("contextmenu", this.LoadMenuEvent.bind(this, column, column.definition.headerContextMenu));
-          this.tapHold(column, column.definition.headerContextMenu);
-        } // if(column.definition.headerClickMenu){
-        // 	column.getElement().addEventListener("click", this.LoadMenuEvent.bind(this, column, column.definition.headerClickMenu));
-        // }
+        if (def.headerContextMenu && !this.columnSubscribers.headerContextMenu) {
+          this.columnSubscribers.headerContextMenu = this.loadMenuTableColumnEvent.bind(this, "headerContextMenu");
+          this.subscribe("column-contextmenu", this.columnSubscribers.headerContextMenu);
+          this.table.on("headerTapHold", this.loadMenuTableColumnEvent.bind(this, "headerContextMenu"));
+        }
 
+        if (def.headerClickMenu && !this.columnSubscribers.headerClickMenu) {
+          this.columnSubscribers.headerClickMenu = this.loadMenuTableColumnEvent.bind(this, "headerClickMenu");
+          this.subscribe("column-click", this.columnSubscribers.headerClickMenu);
+        }
 
-        if (column.definition.headerMenu) {
-          headerMenuEl = document.createElement("span");
-          headerMenuEl.classList.add("tabulator-header-menu-button");
-          headerMenuEl.innerHTML = "&vellip;";
-          headerMenuEl.addEventListener("click", function (e) {
-            e.stopPropagation();
-            e.preventDefault();
+        if (def.headerMenu) {
+          this.initializeColumnHeaderMenu(column);
+        } //handle cell events
 
-            _this2.LoadMenuEvent(column, column.definition.headerMenu, e);
-          });
-          column.titleElement.insertBefore(headerMenuEl, column.titleElement.firstChild);
+
+        if (def.contextMenu && !this.columnSubscribers.contextMenu) {
+          this.columnSubscribers.contextMenu = this.loadMenuTableCellEvent.bind(this, "contextMenu");
+          this.subscribe("cell-contextmenu", this.columnSubscribers.contextMenu);
+          this.table.on("cellTapHold", this.loadMenuTableCellEvent.bind(this, "contextMenu"));
         }
-      }
-    }, {
-      key: "LoadMenuEvent",
-      value: function LoadMenuEvent(component, menu, e) {
-        menu = typeof menu == "function" ? menu.call(this.table, component.getComponent(), e) : menu; // if(component instanceof Cell){
-        // 	e.stopImmediatePropagation();
-        // }
 
-        this.loadMenu(e, component, menu);
+        if (def.clickMenu && !this.columnSubscribers.clickMenu) {
+          this.columnSubscribers.clickMenu = this.loadMenuTableCellEvent.bind(this, "clickMenu");
+          this.subscribe("cell-click", this.columnSubscribers.clickMenu);
+        }
       }
     }, {
-      key: "tapHold",
-      value: function tapHold(component, menu) {
-        var _this3 = this;
-
-        var element = component.getElement(),
-            tapHold = null,
-            loaded = false;
-        element.addEventListener("touchstart", function (e) {
-          clearTimeout(tapHold);
-          loaded = false;
-          tapHold = setTimeout(function () {
-            clearTimeout(tapHold);
-            tapHold = null;
-            loaded = true;
+      key: "initializeColumnHeaderMenu",
+      value: function initializeColumnHeaderMenu(column) {
+        var _this2 = this;
 
-            _this3.LoadMenuEvent(component, menu, e);
-          }, 1000);
-        }, {
-          passive: true
-        });
-        element.addEventListener("touchend", function (e) {
-          clearTimeout(tapHold);
-          tapHold = null;
+        var headerMenuEl;
+        headerMenuEl = document.createElement("span");
+        headerMenuEl.classList.add("tabulator-header-menu-button");
+        headerMenuEl.innerHTML = "&vellip;";
+        headerMenuEl.addEventListener("click", function (e) {
+          e.stopPropagation();
+          e.preventDefault();
 
-          if (loaded) {
-            e.preventDefault();
-          }
+          _this2.loadMenuEvent(column.definition.headerMenu, e, column);
         });
+        column.titleElement.insertBefore(headerMenuEl, column.titleElement.firstChild);
       }
     }, {
-      key: "initializeCell",
-      value: function initializeCell(cell) {
-        if (cell.column.definition.contextMenu) {
-          cell.getElement(true).addEventListener("contextmenu", this.LoadMenuEvent.bind(this, cell, cell.column.definition.contextMenu));
-          this.tapHold(cell, cell.column.definition.contextMenu);
+      key: "loadMenuTableCellEvent",
+      value: function loadMenuTableCellEvent(option, e, cell) {
+        if (cell._cell) {
+          cell = cell._cell;
         }
 
-        if (cell.column.definition.clickMenu) {
-          cell.getElement(true).addEventListener("click", this.LoadMenuEvent.bind(this, cell, cell.column.definition.clickMenu));
+        if (cell.column.definition[option]) {
+          this.loadMenuEvent(cell.column.definition[option], e, cell);
         }
       }
     }, {
-      key: "initializeRow",
-      value: function initializeRow(row) {
-        if (this.table.options.rowContextMenu) {
-          row.getElement().addEventListener("contextmenu", this.LoadMenuEvent.bind(this, row, this.table.options.rowContextMenu));
-          this.tapHold(row, this.table.options.rowContextMenu);
+      key: "loadMenuTableColumnEvent",
+      value: function loadMenuTableColumnEvent(option, e, column) {
+        if (column._column) {
+          column = column._column;
         }
 
-        if (this.table.options.rowClickMenu) {
-          row.getElement().addEventListener("click", this.LoadMenuEvent.bind(this, row, this.table.options.rowClickMenu));
+        if (column.definition[option]) {
+          this.loadMenuEvent(column.definition[option], e, column);
         }
       }
     }, {
-      key: "initializeGroup",
-      value: function initializeGroup(group) {
-        if (this.table.options.groupContextMenu) {
-          group.getElement().addEventListener("contextmenu", this.LoadMenuEvent.bind(this, group, this.table.options.groupContextMenu));
-          this.tapHold(group, this.table.options.groupContextMenu);
+      key: "loadMenuEvent",
+      value: function loadMenuEvent(menu, e, component) {
+        if (component._group) {
+          component = component._group;
+        } else if (component._row) {
+          component = component._row;
         }
 
-        if (this.table.options.groupClickMenu) {
-          group.getElement().addEventListener("click", this.LoadMenuEvent.bind(this, group, this.table.options.groupClickMenu));
-        }
+        menu = typeof menu == "function" ? menu.call(this.table, component.getComponent(), e) : menu;
+        this.loadMenu(e, component, menu);
       }
     }, {
       key: "loadMenu",
       value: function loadMenu(e, component, menu, parentEl) {
-        var _this4 = this;
+        var _this3 = this;
 
         var touch = !(e instanceof MouseEvent);
         var menuEl = document.createElement("div");
@@ -19411,7 +19870,7 @@
             }
           } else {
             this.nestedMenuBlock = setTimeout(function () {
-              _this4.nestedMenuBlock = false;
+              _this3.nestedMenuBlock = false;
             }, 100);
           }
 
@@ -19430,7 +19889,7 @@
             itemEl.classList.add("tabulator-menu-item");
 
             if (typeof label == "function") {
-              label = label.call(_this4.table, component.getComponent());
+              label = label.call(_this3.table, component.getComponent());
             }
 
             if (label instanceof Node) {
@@ -19440,7 +19899,7 @@
             }
 
             if (typeof disabled == "function") {
-              disabled = disabled.call(_this4.table, component.getComponent());
+              disabled = disabled.call(_this3.table, component.getComponent());
             }
 
             if (disabled) {
@@ -19453,9 +19912,9 @@
                 itemEl.addEventListener("click", function (e) {
                   e.stopPropagation();
 
-                  _this4.hideOldSubMenus(menuEl);
+                  _this3.hideOldSubMenus(menuEl);
 
-                  _this4.loadMenu(e, component, item.menu, itemEl);
+                  _this3.loadMenu(e, component, item.menu, itemEl);
                 });
               } else {
                 if (item.action) {
@@ -19474,10 +19933,12 @@
           menuEl.appendChild(itemEl);
         });
         menuEl.addEventListener("click", function (e) {
-          _this4.hideMenu();
+          _this3.hideMenu();
         });
         this.menuElements.push(menuEl);
         this.positionMenu(menuEl, parentEl, touch, e);
+        this.currentComponent = component;
+        this.dispatchExternal("menuOpened", component.getComponent());
       }
     }, {
       key: "hideOldSubMenus",
@@ -19499,16 +19960,20 @@
     }, {
       key: "positionMenu",
       value: function positionMenu(element, parentEl, touch, e) {
-        var _this5 = this;
+        var _this4 = this;
 
-        var docHeight = Math.max(document.body.offsetHeight, window.innerHeight),
-            x,
-            y,
-            parentOffset;
+        var x, y, parentOffset;
 
         if (!parentEl) {
           x = touch ? e.touches[0].pageX : e.pageX;
           y = touch ? e.touches[0].pageY : e.pageY;
+
+          if (this.menuContainer !== document.body) {
+            parentOffset = Helpers.elOffset(this.menuContainer);
+            x -= parentOffset.left;
+            y -= parentOffset.top;
+          }
+
           this.positionReversedX = false;
         } else {
           parentOffset = Helpers.elOffset(parentEl);
@@ -19519,36 +19984,36 @@
         element.style.top = y + "px";
         element.style.left = x + "px";
         setTimeout(function () {
-          _this5.table.rowManager.element.addEventListener("scroll", _this5.blurEvent);
+          _this4.table.rowManager.element.addEventListener("scroll", _this4.blurEvent);
 
-          document.body.addEventListener("click", _this5.blurEvent);
-          document.body.addEventListener("contextmenu", _this5.blurEvent);
-          window.addEventListener("resize", _this5.blurEvent);
-          document.body.addEventListener("keydown", _this5.escEvent);
+          document.body.addEventListener("click", _this4.blurEvent);
+          document.body.addEventListener("contextmenu", _this4.blurEvent);
+          window.addEventListener("resize", _this4.blurEvent);
+          document.body.addEventListener("keydown", _this4.escEvent);
         }, 100);
-        document.body.appendChild(element); //move menu to start on bottom edge if it is too close to the edge of the screen
+        this.menuContainer.appendChild(element); //move menu to start on right edge if it is too close to the edge of the screen
 
-        if (y + element.offsetHeight >= docHeight) {
-          element.style.top = "";
+        if (x + element.offsetWidth >= this.menuContainer.offsetWidth || this.positionReversedX) {
+          element.style.left = "";
 
           if (parentEl) {
-            element.style.bottom = docHeight - parentOffset.top - parentEl.offsetHeight - 1 + "px";
+            element.style.right = this.menuContainer.offsetWidth - parentOffset.left + "px";
           } else {
-            element.style.bottom = docHeight - y + "px";
+            element.style.right = this.menuContainer.offsetWidth - x + "px";
           }
-        } //move menu to start on right edge if it is too close to the edge of the screen
 
+          this.positionReversedX = true;
+        } //move menu to start on bottom edge if it is too close to the edge of the screen
 
-        if (x + element.offsetWidth >= document.body.offsetWidth || this.positionReversedX) {
-          element.style.left = "";
+
+        if (y + element.offsetHeight >= this.menuContainer.offsetHeight) {
+          element.style.top = "";
 
           if (parentEl) {
-            element.style.right = document.documentElement.offsetWidth - parentOffset.left + "px";
+            element.style.bottom = this.menuContainer.offsetHeight - parentOffset.top - parentEl.offsetHeight - 1 + "px";
           } else {
-            element.style.right = document.documentElement.offsetWidth - x + "px";
+            element.style.bottom = this.menuContainer.offsetHeight - y + "px";
           }
-
-          this.positionReversedX = true;
         }
       }
     }, {
@@ -19576,6 +20041,11 @@
         document.body.removeEventListener("contextmenu", this.blurEvent);
         window.removeEventListener("resize", this.blurEvent);
         this.table.rowManager.element.removeEventListener("scroll", this.blurEvent);
+
+        if (this.currentComponent) {
+          this.dispatchExternal("menuClosed", this.currentComponent.getComponent());
+          this.currentComponent = null;
+        }
       }
     }]);
 
@@ -20251,6 +20721,7 @@
 
         document.body.addEventListener("mousemove", this.moveHover);
         document.body.addEventListener("mouseup", this.endMove);
+        this.dispatchExternal("rowMoving", row.getComponent());
         this.moveHover(e);
       }
     }, {
@@ -20286,6 +20757,8 @@
 
           if (this.toRow) {
             this.table.rowManager.moveRow(this.moving, this.toRow, this.toRowAfter);
+          } else {
+            this.dispatchExternal("rowMoveCancelled", this.moving.getComponent());
           }
 
           this.moving = false;
@@ -20717,6 +21190,63 @@
 
   Mutator.mutators = defaultMutators;
 
+  function rows (pageSize, currentRow, currentPage, totalRows, totalPages) {
+    var el = document.createElement("span"),
+        showingEl = document.createElement("span"),
+        valueEl = document.createElement("span"),
+        ofEl = document.createElement("span"),
+        totalEl = document.createElement("span"),
+        rowsEl = document.createElement("span");
+    this.table.modules.localize.langBind("pagination|counter|showing", function (value) {
+      showingEl.innerHTML = value;
+    });
+    valueEl.innerHTML = " " + currentRow + "-" + Math.min(currentRow + pageSize - 1, totalRows) + " ";
+    this.table.modules.localize.langBind("pagination|counter|of", function (value) {
+      ofEl.innerHTML = value;
+    });
+    totalEl.innerHTML = " " + totalRows + " ";
+    this.table.modules.localize.langBind("pagination|counter|rows", function (value) {
+      rowsEl.innerHTML = value;
+    });
+    el.appendChild(showingEl);
+    el.appendChild(valueEl);
+    el.appendChild(ofEl);
+    el.appendChild(totalEl);
+    el.appendChild(rowsEl);
+    return el;
+  }
+
+  function pages (pageSize, currentRow, currentPage, totalRows, totalPages) {
+    var el = document.createElement("span"),
+        showingEl = document.createElement("span"),
+        valueEl = document.createElement("span"),
+        ofEl = document.createElement("span"),
+        totalEl = document.createElement("span"),
+        rowsEl = document.createElement("span");
+    this.table.modules.localize.langBind("pagination|counter|showing", function (value) {
+      showingEl.innerHTML = value;
+    });
+    valueEl.innerHTML = " " + currentPage + " ";
+    this.table.modules.localize.langBind("pagination|counter|of", function (value) {
+      ofEl.innerHTML = value;
+    });
+    totalEl.innerHTML = " " + totalPages + " ";
+    this.table.modules.localize.langBind("pagination|counter|pages", function (value) {
+      rowsEl.innerHTML = value;
+    });
+    el.appendChild(showingEl);
+    el.appendChild(valueEl);
+    el.appendChild(ofEl);
+    el.appendChild(totalEl);
+    el.appendChild(rowsEl);
+    return el;
+  }
+
+  var defaultPageCounters = {
+    rows: rows,
+    pages: pages
+  };
+
   var Page = /*#__PURE__*/function (_Module) {
     _inherits(Page, _Module);
 
@@ -20730,19 +21260,20 @@
       _this = _super.call(this, table);
       _this.mode = "local";
       _this.progressiveLoad = false;
+      _this.element = null;
+      _this.pageCounterElement = null;
+      _this.pageCounter = null;
       _this.size = 0;
       _this.page = 1;
       _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
 
       _this.pageSizes = [];
-      _this.dataReceivedNames = {}; //TODO - remove once pagimation update is complete
-
-      _this.dataSentNames = {}; //TODO - remove once pagimation update is complete
 
       _this.registerTableOption("pagination", false); //set pagination type
 
@@ -20753,7 +21284,13 @@
       _this.registerTableOption("paginationSize", false); //set number of rows to a page
 
 
-      _this.registerTableOption("paginationInitialPage", 1); //initail page to show on load
+      _this.registerTableOption("paginationInitialPage", 1); //initial page to show on load
+
+
+      _this.registerTableOption("paginationCounter", false); // set pagination counter
+
+
+      _this.registerTableOption("paginationCounterElement", false); // set pagination counter
 
 
       _this.registerTableOption("paginationButtonCount", 5); // set count of page button
@@ -20825,11 +21362,13 @@
           this.registerDisplayHandler(this.restOnRenderBefore.bind(this), 40);
           this.registerDisplayHandler(this.getRows.bind(this), 50);
           this.createElements();
+          this.initializePageCounter();
           this.initializePaginator();
         } else if (this.table.options.progressiveLoad) {
           this.subscribe("data-params", this.remotePageParams.bind(this));
           this.subscribe("data-loaded", this._parseRemoteData.bind(this));
           this.subscribe("table-built", this.calculatePageSizes.bind(this));
+          this.subscribe("data-processed", this.initialLoadComplete.bind(this));
           this.initializeProgressive(this.table.options.progressiveLoad);
 
           if (this.table.options.progressiveLoad === "scroll") {
@@ -21047,14 +21586,36 @@
           });
           this.pageSizeSelect.value = this.size;
         }
-      } //setup pageination
+      }
+    }, {
+      key: "initializePageCounter",
+      value: function initializePageCounter() {
+        var counter = this.table.options.paginationCounter,
+            pageCounter = null;
+
+        if (counter) {
+          if (typeof counter === "function") {
+            pageCounter = counter;
+          } else {
+            pageCounter = Page.pageCounters[counter];
+          }
+
+          if (pageCounter) {
+            this.pageCounter = pageCounter;
+            this.pageCounterElement = document.createElement("span");
+            this.pageCounterElement.classList.add("tabulator-page-counter");
+          } else {
+            console.warn("Pagination Error - No such page counter found: ", counter);
+          }
+        }
+      } //setup pagination
 
     }, {
       key: "initializePaginator",
       value: function initializePaginator(hidden) {
         var _this3 = this;
 
-        var pageSelectLabel;
+        var pageSelectLabel, paginationCounterHolder;
 
         if (!hidden) {
           //build pagination element
@@ -21135,6 +21696,25 @@
           this.element.appendChild(this.lastBut);
 
           if (!this.table.options.paginationElement && !hidden) {
+            if (this.table.options.paginationCounter) {
+
+              if (this.table.options.paginationCounterElement) {
+                if (this.table.options.paginationCounterElement instanceof HTMLElement) {
+                  this.table.options.paginationCounterElement.appendChild(this.pageCounterElement);
+                } else if (typeof this.table.options.paginationCounterElement === "string") {
+                  paginationCounterHolder = document.querySelector(this.table.options.paginationCounterElement);
+
+                  if (paginationCounterHolder) {
+                    paginationCounterHolder.appendChild(this.pageCounterElement);
+                  } else {
+                    console.warn("Pagination Error - Unable to find element matching paginationCounterElement selector:", this.table.options.paginationCounterElement);
+                  }
+                }
+              } else {
+                this.table.footerManager.append(this.pageCounterElement);
+              }
+            }
+
             this.table.footerManager.append(this.element, this);
           }
 
@@ -21190,7 +21770,7 @@
             this.page = 1;
           }
         }
-      } //set the maxmum page
+      } //set the maximum page
 
     }, {
       key: "setMaxPage",
@@ -21263,6 +21843,49 @@
         }
 
         this.trackChanges();
+      }
+    }, {
+      key: "_setPageCounter",
+      value: function _setPageCounter(totalRows) {
+        var content, currentRow;
+
+        if (this.pageCounter) {
+          currentRow = (this.page - 1) * this.size + 1;
+
+          if (this.mode === "remote") {
+            totalRows = this.remoteRowCountEstimate;
+          }
+
+          content = this.pageCounter.call(this, this.size, currentRow, this.page, totalRows, this.max);
+
+          switch (_typeof(content)) {
+            case "object":
+              if (content instanceof Node) {
+                //clear previous cell contents
+                while (this.pageCounterElement.firstChild) {
+                  this.pageCounterElement.removeChild(this.pageCounterElement.firstChild);
+                }
+
+                this.pageCounterElement.appendChild(content);
+              } else {
+                this.pageCounterElement.innerHTML = "";
+
+                if (content != null) {
+                  console.warn("Page Counter Error - Page Counter has returned a type of object, the only valid page counter object return is an instance of Node, the page counter returned:", content);
+                }
+              }
+
+              break;
+
+            case "undefined":
+            case "null":
+              this.pageCounterElement.innerHTML = "";
+              break;
+
+            default:
+              this.pageCounterElement.innerHTML = content;
+          }
+        }
       } //setup the pagination buttons
 
     }, {
@@ -21403,10 +22026,14 @@
             }
           }
 
+          this._setPageCounter(data.length);
+
           return output;
         } else {
           this._setPageButtons();
 
+          this._setPageCounter(data.length);
+
           return data.slice(0);
         }
       }
@@ -21448,11 +22075,12 @@
         var data, margin;
 
         if (typeof data.last_page === "undefined") {
-          console.warn("Remote Pagination Error - Server response missing '" + this.dataReceivedNames.last_page + "' property");
+          console.warn("Remote Pagination Error - Server response missing '" + (this.options("dataReceiveParams").last_page || "last_page") + "' property");
         }
 
         if (data.data) {
           this.max = parseInt(data.last_page) || 1;
+          this.remoteRowCountEstimate = typeof data.last_row !== "undefined" ? data.last_row : data.last_page * this.size - (this.page == data.last_page ? this.size - data.data.length : 0);
 
           if (this.progressiveLoad) {
             switch (this.mode) {
@@ -21472,14 +22100,16 @@
                 break;
 
               case "progressive_scroll":
-                data = this.table.rowManager.getData().concat(data.data);
+                data = this.page === 1 ? data.data : this.table.rowManager.getData().concat(data.data);
                 this.table.rowManager.setData(data, this.page !== 1, this.page == 1);
                 margin = this.table.options.progressiveLoadScrollMargin || this.table.rowManager.element.clientHeight * 2;
 
                 if (this.table.rowManager.element.scrollHeight <= this.table.rowManager.element.clientHeight + margin) {
-                  setTimeout(function () {
-                    _this6.nextPage();
-                  });
+                  if (this.page < this.max) {
+                    setTimeout(function () {
+                      _this6.nextPage();
+                    });
+                  }
                 }
 
                 break;
@@ -21492,7 +22122,7 @@
             // this.table.columnManager.scrollHorizontal(left);
           }
         } else {
-          console.warn("Remote Pagination Error - Server response missing '" + this.dataReceivedNames.data + "' property");
+          console.warn("Remote Pagination Error - Server response missing '" + (this.options("dataReceiveParams").data || "data") + "' property");
         }
 
         return data.data;
@@ -21518,7 +22148,9 @@
     return Page;
   }(Module);
 
-  Page.moduleName = "page";
+  Page.moduleName = "page"; //load defaults
+
+  Page.pageCounters = defaultPageCounters;
 
   // read peristence information from storage
   var defaultReaders = {
@@ -22794,7 +23426,7 @@
           handle.removeEventListener("touchmove", mouseMove);
           handle.removeEventListener("touchend", mouseUp);
           self.table.element.classList.remove("tabulator-block-select");
-          this.dispatchExternal("rowResized", row.getComponent());
+          self.dispatchExternal("rowResized", row.getComponent());
         }
 
         e.stopPropagation(); //prevent resize from interfereing with movable columns
@@ -22982,7 +23614,7 @@
       _this.registerColumnOption("responsive");
 
       return _this;
-    } //generate resposive columns list
+    } //generate responsive columns list
 
 
     _createClass(ResponsiveLayout, [{
@@ -23017,11 +23649,13 @@
     }, {
       key: "initializeResponsivity",
       value: function initializeResponsivity() {
+        var _this2 = this;
+
         var columns = [];
         this.mode = this.table.options.responsiveLayout;
         this.collapseFormatter = this.table.options.responsiveLayoutCollapseFormatter || this.formatCollapsedData;
         this.collapseStartOpen = this.table.options.responsiveLayoutCollapseStartOpen;
-        this.hiddenColumns = []; //detemine level of responsivity for each column
+        this.hiddenColumns = []; //determine level of responsivity for each column
 
         this.table.columnManager.columnsByIndex.forEach(function (column, i) {
           if (column.modules.responsive) {
@@ -23029,8 +23663,8 @@
               column.modules.responsive.index = i;
               columns.push(column);
 
-              if (!column.visible && self.mode === "collapse") {
-                self.hiddenColumns.push(column);
+              if (!column.visible && _this2.mode === "collapse") {
+                _this2.hiddenColumns.push(column);
               }
             }
           }
@@ -23118,9 +23752,8 @@
       value: function updateColumnVisibility(column, responsiveToggle) {
         if (!responsiveToggle && column.modules.responsive) {
           column.modules.responsive.visible = column.visible;
-          this.initialize();
-        } //this.update();
-
+          this.initializeResponsivity();
+        }
       }
     }, {
       key: "hideColumn",
@@ -23390,7 +24023,7 @@
           this.subscribe("rows-retrieve", this.rowRetrieve.bind(this));
 
           if (this.table.options.selectable && !this.table.options.selectablePersistence) {
-            this.subscribe("data-refeshing", this.deselectRows.bind(this));
+            this.subscribe("data-refreshing", this.deselectRows.bind(this));
           }
         }
       }
@@ -23629,9 +24262,7 @@
               this.childRowSelection(row, true);
             }
 
-            if (!silent) {
-              this.dispatchExternal("rowSelected", row.getComponent());
-            }
+            this.dispatchExternal("rowSelected", row.getComponent());
 
             this._rowSelectionChanged(silent);
           }
@@ -23652,7 +24283,6 @@
       value: function deselectRows(rows, silent) {
         var self = this,
             rowCount;
-        console.trace("deselect");
 
         if (typeof rows == "undefined") {
           rowCount = self.selectedRows.length;
@@ -23706,9 +24336,7 @@
               this.childRowSelection(row, false);
             }
 
-            if (!silent) {
-              this.dispatchExternal("rowDeselected", row.getComponent());
-            }
+            this.dispatchExternal("rowDeselected", row.getComponent());
 
             self._rowSelectionChanged(silent);
           }
@@ -23897,8 +24525,8 @@
         emptyAlign = 0;
 
     if (typeof DT != "undefined") {
-      a = DT.fromFormat(String(a), format);
-      b = DT.fromFormat(String(b), format);
+      a = format === "iso" ? DT.fromISO(String(a)) : DT.fromFormat(String(a), format);
+      b = format === "iso" ? DT.fromISO(String(b)) : DT.fromFormat(String(b), format);
 
       if (!a.isValid) {
         emptyAlign = !b.isValid ? 0 : -1;
@@ -24702,9 +25330,11 @@
     }, {
       key: "columnValidate",
       value: function columnValidate(column) {
+        var _this2 = this;
+
         var invalid = [];
         column.cells.forEach(function (cell) {
-          if (!this.cellValidate(cell)) {
+          if (!_this2.cellValidate(cell)) {
             invalid.push(cell.getComponent());
           }
         });
@@ -24716,9 +25346,11 @@
     }, {
       key: "rowValidate",
       value: function rowValidate(row) {
+        var _this3 = this;
+
         var invalid = [];
         row.cells.forEach(function (cell) {
-          if (!this.cellValidate(cell)) {
+          if (!_this3.cellValidate(cell)) {
             invalid.push(cell.getComponent());
           }
         });
@@ -24730,7 +25362,7 @@
     }, {
       key: "userClearCellValidation",
       value: function userClearCellValidation(cells) {
-        var _this2 = this;
+        var _this4 = this;
 
         if (!cells) {
           cells = this.getInvalidCells();
@@ -24741,7 +25373,7 @@
         }
 
         cells.forEach(function (cell) {
-          _this2.clearValidation(cell._getSelf());
+          _this4.clearValidation(cell._getSelf());
         });
       }
     }, {
@@ -24750,6 +25382,7 @@
         var output = []; //clear row data
 
         this.table.rowManager.rows.forEach(function (row) {
+          row = row.getComponent();
           var valid = row.validate();
 
           if (valid !== true) {
@@ -24932,6 +25565,7 @@
     GroupRowsModule: GroupRows,
     HistoryModule: History,
     HtmlTableImportModule: HtmlTableImport,
+    ImportModule: Import,
     InteractionModule: Interaction,
     KeybindingsModule: Keybindings,
     MenuModule: Menu,