tabulator-tables 5.0.6 → 5.0.10

package/dist/js/tabulator.js

@@ -1,4 +1,4 @@
-/* Tabulator v5.0.6 (c) Oliver Folkerd 2021 */
+/* Tabulator v5.0.10 (c) Oliver Folkerd 2021 */
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
   typeof define === 'function' && define.amd ? define(factory) :
@@ -239,7 +239,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,
@@ -414,11 +414,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];
       }
     }, {
@@ -616,7 +612,7 @@
     return ColumnComponent;
   }();
 
-  var defaultOptions$1 = {
+  var defaultColumnOptions = {
     "title": undefined,
     "field": undefined,
     "columns": undefined,
@@ -731,7 +727,7 @@
     return CellComponent;
   }();
 
-  var Cell$1 = /*#__PURE__*/function (_CoreFeature) {
+  var Cell = /*#__PURE__*/function (_CoreFeature) {
     _inherits(Cell, _CoreFeature);
 
     var _super = _createSuper(Cell);
@@ -1257,7 +1253,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) {
@@ -1818,7 +1814,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);
@@ -2015,7 +2011,7 @@
     }, {
       key: "generateCell",
       value: function generateCell(row) {
-        var cell = new Cell$1(this, row);
+        var cell = new Cell(this, row);
         this.cells.push(cell);
         return cell;
       }
@@ -2140,7 +2136,7 @@
     return Column;
   }(CoreFeature);
 
-  Column$1.defaultOptionList = defaultOptions$1;
+  Column$1.defaultOptionList = defaultColumnOptions;
 
   var Helpers = /*#__PURE__*/function () {
     function Helpers() {
@@ -2210,11 +2206,13 @@
 
   var OptionsList = /*#__PURE__*/function () {
     function OptionsList(table, msgType) {
+      var defaults = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+
       _classCallCheck(this, OptionsList);
 
       this.table = table;
       this.msgType = msgType;
-      this.registeredDefaults = {};
+      this.registeredDefaults = Object.assign({}, defaults);
     }
 
     _createClass(OptionsList, [{
@@ -2342,7 +2340,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",
@@ -2416,6 +2414,7 @@
                 offset = Helpers.elOffset(rowEl).top - Helpers.elOffset(_this2.elementVertical).top;
 
                 if (offset > 0 && offset < _this2.elementVertical.clientHeight - rowEl.offsetHeight) {
+                  resolve();
                   return false;
                 }
               }
@@ -2536,17 +2535,17 @@
             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;
         }
 
@@ -2556,7 +2555,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){
@@ -2642,7 +2641,7 @@
 
         if (!blockRedraw) {
           if (!update || this.reinitChanged(old)) {
-            this.renitializeRows();
+            this.reinitializeRows();
           }
         }
 
@@ -2769,8 +2768,8 @@
         return !match;
       }
     }, {
-      key: "renitializeRows",
-      value: function renitializeRows() {
+      key: "reinitializeRows",
+      value: function reinitializeRows() {
         var _this5 = this;
 
         var rows = this.table.rowManager.getVisibleRows();
@@ -2893,11 +2892,17 @@
         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) {
+                el = cell.getElement();
 
-              if (cell.parentNode) {
-                row.getElement().removeChild(cell.getElement());
+                if (el.parentNode) {
+                  row.getElement().removeChild(el);
+                }
               }
             }
           });
@@ -2988,7 +2993,7 @@
       _this.columnsByField = {}; //columns by field
 
       _this.scrollLeft = 0;
-      _this.optionsList = new OptionsList(_this.table, "column definition");
+      _this.optionsList = new OptionsList(_this.table, "column definition", defaultColumnOptions);
       _this.renderer = null;
       return _this;
     } ////////////// Setup Functions /////////////////
@@ -3198,8 +3203,9 @@
             index = nextToColumn ? this.findColumnIndex(nextToColumn) : nextToColumn;
 
         if (nextToColumn && index > -1) {
-          var parentIndex = this.columns.indexOf(nextToColumn.getTopColumn());
-          var nextEl = nextToColumn.getElement();
+          var topColumn = nextToColumn.getTopColumn();
+          var parentIndex = this.columns.indexOf(topColumn);
+          var nextEl = topColumn.getElement();
 
           if (before) {
             this.columns.splice(parentIndex, 0, column);
@@ -3314,8 +3320,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;
         });
@@ -3565,13 +3571,11 @@
 
           _this6.dispatch("column-add", definition, before, nextToColumn);
 
-          _this6.redraw(true);
-
           if (_this6.layoutMode() != "fitColumns") {
             column.reinitializeWidth();
           }
 
-          _this6.verticalAlignHeaders();
+          _this6.redraw(true);
 
           _this6.table.rowManager.reinitialize();
 
@@ -3747,7 +3751,7 @@
     return RowComponent;
   }();
 
-  var Row$1 = /*#__PURE__*/function (_CoreFeature) {
+  var Row = /*#__PURE__*/function (_CoreFeature) {
     _inherits(Row, _CoreFeature);
 
     var _super = _createSuper(Row);
@@ -4349,8 +4353,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 = "";
@@ -5033,7 +5037,7 @@
         var _this3 = this;
 
         if (_typeof(subject) == "object") {
-          if (subject instanceof Row$1) {
+          if (subject instanceof Row) {
             //subject is row element
             return subject;
           } else if (subject instanceof RowComponent$1) {
@@ -5123,7 +5127,7 @@
           this.dispatch("data-processing", data);
           data.forEach(function (def, i) {
             if (def && _typeof(def) === "object") {
-              var row = new Row$1(def, _this5);
+              var row = new Row(def, _this5);
 
               _this5.rows.push(row);
             } else {
@@ -5256,7 +5260,7 @@
     }, {
       key: "addRowActual",
       value: function addRowActual(data, pos, index, blockRedraw) {
-        var row = data instanceof Row$1 ? data : new Row$1(data || {}, this),
+        var row = data instanceof Row ? data : new Row(data || {}, this),
             top = this.findAddRowPos(pos),
             allIndex = -1,
             activeIndex,
@@ -5408,7 +5412,7 @@
           nextRow = this.getDisplayRows()[index + 1];
         }
 
-        if (nextRow && (!(nextRow instanceof Row$1) || nextRow.type != "row")) {
+        if (nextRow && (!(nextRow instanceof Row) || nextRow.type != "row")) {
           return this.nextDisplayRow(nextRow, rowOnly);
         }
 
@@ -5424,7 +5428,7 @@
           prevRow = this.getDisplayRows()[index - 1];
         }
 
-        if (rowOnly && prevRow && (!(prevRow instanceof Row$1) || prevRow.type != "row")) {
+        if (rowOnly && prevRow && (!(prevRow instanceof Row) || prevRow.type != "row")) {
           return this.prevDisplayRow(prevRow, rowOnly);
         }
 
@@ -5690,8 +5694,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
 
     }, {
@@ -6096,7 +6106,7 @@
       _classCallCheck(this, InteractionManager);
 
       _this = _super.call(this, table);
-      _this.el = _this.table.element;
+      _this.el = null;
       _this.abortClasses = ["tabulator-headers", "tabulator-table"];
       _this.previousTargets = {};
       _this.listeners = ["click", "dblclick", "contextmenu", "mouseenter", "mouseleave", "mouseover", "mouseout", "mousemove", "touchstart", "touchend"];
@@ -6106,15 +6116,36 @@
         "tabulator-group": "group",
         "tabulator-col": "column"
       };
-
-      _this.buildListenerMap();
-
-      _this.bindSubscriptionWatchers();
-
+      _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;
     }
 
     _createClass(InteractionManager, [{
+      key: "initialize",
+      value: function initialize() {
+        this.el = this.table.element;
+        this.buildListenerMap();
+        this.bindSubscriptionWatchers();
+      }
+    }, {
       key: "buildListenerMap",
       value: function buildListenerMap() {
         var listenerMap = {};
@@ -6126,6 +6157,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() {
@@ -6150,6 +6230,8 @@
             _iterator.f();
           }
         }
+
+        this.subscribe("table-destroy", this.clearWatchers.bind(this));
       }
     }, {
       key: "subscriptionChanged",
@@ -6172,6 +6254,10 @@
           }
         }
 
+        if ((key === "mouseenter" || key === "mouseleave") && !this.pseudoTracking) {
+          this.bindPseudoEvents();
+        }
+
         if (changed) {
           this.updateEventListeners();
         }
@@ -6185,8 +6271,7 @@
           if (listener.components.length) {
             if (!listener.handler) {
               listener.handler = this.track.bind(this, key);
-              this.el.addEventListener(key, listener.handler);
-              console.log("add", key); // this.el.addEventListener(key, listener.handler, {passive: true})
+              this.el.addEventListener(key, listener.handler); // this.el.addEventListener(key, listener.handler, {passive: true})
             }
           } else {
             if (listener.handler) {
@@ -6203,11 +6288,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);
@@ -6220,7 +6309,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) {
@@ -6260,7 +6349,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(),
@@ -6275,7 +6364,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;
@@ -6284,7 +6373,7 @@
                 case "row":
                 case "group":
                   if (listener.components.includes("row") || listener.components.includes("cell")) {
-                    var rows = _this3.table.rowManager.getVisibleRows();
+                    var rows = _this5.table.rowManager.getVisibleRows(true);
 
                     component = rows.find(function (row) {
                       return row.getElement() === target;
@@ -6295,7 +6384,7 @@
 
                 case "column":
                   if (listener.components.includes("column")) {
-                    component = _this3.table.columnManager.findColumn(target);
+                    component = _this5.table.columnManager.findColumn(target);
                   }
 
                   break;
@@ -6341,20 +6430,32 @@
           }
         }
       }
+    }, {
+      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;
   }(CoreFeature);
 
-  var ComponentFuctionBinder = /*#__PURE__*/function () {
-    function ComponentFuctionBinder(table) {
-      _classCallCheck(this, ComponentFuctionBinder);
+  var ComponentFunctionBinder = /*#__PURE__*/function () {
+    function ComponentFunctionBinder(table) {
+      _classCallCheck(this, ComponentFunctionBinder);
 
       this.table = table;
       this.bindings = {};
     }
 
-    _createClass(ComponentFuctionBinder, [{
+    _createClass(ComponentFunctionBinder, [{
       key: "bind",
       value: function bind(type, funcName, handler) {
         if (!this.bindings[type]) {
@@ -6380,7 +6481,7 @@
       }
     }]);
 
-    return ComponentFuctionBinder;
+    return ComponentFunctionBinder;
   }();
 
   var DataLoader = /*#__PURE__*/function (_CoreFeature) {
@@ -6459,7 +6560,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) {
@@ -6467,7 +6568,7 @@
           } //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([]));
           return result.then(function (response) {
@@ -7787,13 +7888,13 @@
 
       this.browserSlow = false; //handle reduced functionality for slower browsers
 
-      this.browserMobile = false; //check if running on moble, prevent resize cancelling edit on keyboard appearence
+      this.browserMobile = false; //check if running on mobile, prevent resize cancelling edit on keyboard appearance
 
       this.rtl = false; //check if the table is in RTL mode
 
       this.originalElement = null; //hold original table element if it has been replaced
 
-      this.componentFunctionBinder = new ComponentFuctionBinder(this); //bind component functions
+      this.componentFunctionBinder = new ComponentFunctionBinder(this); //bind component functions
 
       this.dataLoader = false; //bind component functions
 
@@ -7807,14 +7908,14 @@
       this.initialized = false;
 
       if (this.initializeElement(element)) {
-        this.initialzeCoreSystems(options); //delay table creation to allow event bindings immediatly after the constructor
+        this.initialzeCoreSystems(options); //delay table creation to allow event bindings immediately after the constructor
 
         setTimeout(function () {
           _this._create();
         });
       }
 
-      TableRegistry.register(this); //register table for inderdevice communication
+      TableRegistry.register(this); //register table for inter-device communication
     }
 
     _createClass(Tabulator, [{
@@ -7849,7 +7950,7 @@
 
         this._clearObjectPointers();
 
-        this._mapDepricatedFunctionality();
+        this._mapDeprecatedFunctionality();
 
         this.externalEvents = new ExternalEventBus(this, this.options, this.options.debugEventsExternal);
         this.eventBus = new InternalEventBus(this.options.debugEventsInternal);
@@ -7858,11 +7959,11 @@
         this.columnManager.initialize();
         this.rowManager.initialize();
         this.footerManager.initialize();
-      } //convert depricated functionality to new functions
+      } //convert deprecated functionality to new functions
 
     }, {
-      key: "_mapDepricatedFunctionality",
-      value: function _mapDepricatedFunctionality() {//all previously deprecated functionality removed in the 5.0 release
+      key: "_mapDeprecatedFunctionality",
+      value: function _mapDeprecatedFunctionality() {//all previously deprecated functionality removed in the 5.0 release
       }
     }, {
       key: "_clearSelection",
@@ -7883,7 +7984,7 @@
         }
 
         this.element.classList.remove("tabulator-block-select");
-      } //concreate table
+      } //create table
 
     }, {
       key: "_create",
@@ -7991,6 +8092,7 @@
       value: function _initializeTable() {
         var element = this.element,
             options = this.options;
+        this.interactionMonitor.initialize();
         this.columnManager.initialize();
         this.rowManager.initialize();
 
@@ -8044,7 +8146,7 @@
       key: "destroy",
       value: function destroy() {
         var element = this.element;
-        TableRegistry.deregister(this); //deregister table from inderdevice communication
+        TableRegistry.deregister(this); //deregister table from inter-device communication
 
         this.eventBus.dispatch("table-destroy"); //clear row data
 
@@ -8168,7 +8270,11 @@
     }, {
       key: "replaceData",
       value: function replaceData(data, params, config) {
-        return this.dataLoader.load(data, params, config, true, true);
+        if (this.initialized) {
+          return this.dataLoader.load(data, params, config, true, true);
+        } else {
+          console.warn("replaceData failed - table not yet initialized. Please wait for the `tableBuilt` event before calling this function.");
+        }
       } //update table data
 
     }, {
@@ -8177,59 +8283,68 @@
         var _this3 = this;
 
         var responses = 0;
-        return new Promise(function (resolve, reject) {
-          _this3.dataLoader.blockActiveLoad();
 
-          if (typeof data === "string") {
-            data = JSON.parse(data);
-          }
+        if (this.initialized) {
+          return new Promise(function (resolve, reject) {
+            _this3.dataLoader.blockActiveLoad();
 
-          if (data) {
-            data.forEach(function (item) {
-              var row = _this3.rowManager.findRow(item[_this3.options.index]);
+            if (typeof data === "string") {
+              data = JSON.parse(data);
+            }
 
-              if (row) {
-                responses++;
-                row.updateData(item).then(function () {
-                  responses--;
+            if (data) {
+              data.forEach(function (item) {
+                var row = _this3.rowManager.findRow(item[_this3.options.index]);
 
-                  if (!responses) {
-                    resolve();
-                  }
-                });
-              }
-            });
-          } else {
-            console.warn("Update Error - No data provided");
-            reject("Update Error - No data provided");
-          }
-        });
+                if (row) {
+                  responses++;
+                  row.updateData(item).then(function () {
+                    responses--;
+
+                    if (!responses) {
+                      resolve();
+                    }
+                  });
+                }
+              });
+            } else {
+              console.warn("Update Error - No data provided");
+              reject("Update Error - No data provided");
+            }
+          });
+        } else {
+          console.warn("updateData failed - table not yet initialized. Please wait for the `tableBuilt` event before calling this function.");
+        }
       }
     }, {
       key: "addData",
       value: function addData(data, pos, index) {
         var _this4 = this;
 
-        return new Promise(function (resolve, reject) {
-          _this4.dataLoader.blockActiveLoad();
+        if (this.initialized) {
+          return new Promise(function (resolve, reject) {
+            _this4.dataLoader.blockActiveLoad();
 
-          if (typeof data === "string") {
-            data = JSON.parse(data);
-          }
+            if (typeof data === "string") {
+              data = JSON.parse(data);
+            }
 
-          if (data) {
-            _this4.rowManager.addRows(data, pos, index).then(function (rows) {
-              var output = [];
-              rows.forEach(function (row) {
-                output.push(row.getComponent());
+            if (data) {
+              _this4.rowManager.addRows(data, pos, index).then(function (rows) {
+                var output = [];
+                rows.forEach(function (row) {
+                  output.push(row.getComponent());
+                });
+                resolve(output);
               });
-              resolve(output);
-            });
-          } else {
-            console.warn("Update Error - No data provided");
-            reject("Update Error - No data provided");
-          }
-        });
+            } else {
+              console.warn("Update Error - No data provided");
+              reject("Update Error - No data provided");
+            }
+          });
+        } else {
+          console.warn("addData failed - table not yet initialized. Please wait for the `tableBuilt` event before calling this function.");
+        }
       } //update table data
 
     }, {
@@ -8239,44 +8354,49 @@
 
         var rows = [],
             responses = 0;
-        return new Promise(function (resolve, reject) {
-          _this5.dataLoader.blockActiveLoad();
 
-          if (typeof data === "string") {
-            data = JSON.parse(data);
-          }
+        if (this.initialized) {
+          return new Promise(function (resolve, reject) {
+            _this5.dataLoader.blockActiveLoad();
 
-          if (data) {
-            data.forEach(function (item) {
-              var row = _this5.rowManager.findRow(item[_this5.options.index]);
+            if (typeof data === "string") {
+              data = JSON.parse(data);
+            }
 
-              responses++;
+            if (data) {
+              data.forEach(function (item) {
+                var row = _this5.rowManager.findRow(item[_this5.options.index]);
 
-              if (row) {
-                row.updateData(item).then(function () {
-                  responses--;
-                  rows.push(row.getComponent());
+                responses++;
 
-                  if (!responses) {
-                    resolve(rows);
-                  }
-                });
-              } else {
-                _this5.rowManager.addRows(item).then(function (newRows) {
-                  responses--;
-                  rows.push(newRows[0].getComponent());
+                if (row) {
+                  row.updateData(item).then(function () {
+                    responses--;
+                    rows.push(row.getComponent());
 
-                  if (!responses) {
-                    resolve(rows);
-                  }
-                });
-              }
-            });
-          } else {
-            console.warn("Update Error - No data provided");
-            reject("Update Error - No data provided");
-          }
-        });
+                    if (!responses) {
+                      resolve(rows);
+                    }
+                  });
+                } else {
+                  _this5.rowManager.addRows(item).then(function (newRows) {
+                    responses--;
+                    rows.push(newRows[0].getComponent());
+
+                    if (!responses) {
+                      resolve(rows);
+                    }
+                  });
+                }
+              });
+            } else {
+              console.warn("Update Error - No data provided");
+              reject("Update Error - No data provided");
+            }
+          });
+        } else {
+          console.warn("updateOrAddData failed - table not yet initialized. Please wait for the `tableBuilt` event before calling this function.");
+        }
       } //get row object
 
     }, {
@@ -8354,13 +8474,17 @@
     }, {
       key: "addRow",
       value: function addRow(data, pos, index) {
-        if (typeof data === "string") {
-          data = JSON.parse(data);
-        }
+        if (this.initialized) {
+          if (typeof data === "string") {
+            data = JSON.parse(data);
+          }
 
-        return this.rowManager.addRows(data, pos, index).then(function (rows) {
-          return rows[0].getComponent();
-        });
+          return this.rowManager.addRows(data, pos, index).then(function (rows) {
+            return rows[0].getComponent();
+          });
+        } else {
+          console.warn("addRow failed - table not yet initialized. Please wait for the `tableBuilt` event before calling this function.");
+        }
       } //update a row if it exitsts otherwise create it
 
     }, {
@@ -8394,7 +8518,7 @@
 
         if (row) {
           return row.updateData(data).then(function () {
-            resolve(row.getComponent());
+            return Promise.resolve(row.getComponent());
           });
         } else {
           console.warn("Update Error - No matching row found:", index);
@@ -8585,8 +8709,12 @@
     }, {
       key: "redraw",
       value: function redraw(force) {
-        this.columnManager.redraw(force);
-        this.rowManager.redraw(force);
+        if (this.initialized) {
+          this.columnManager.redraw(force);
+          this.rowManager.redraw(force);
+        } else {
+          console.warn("redraw failed - table not yet initialized. Please wait for the `tableBuilt` event before calling this function.");
+        }
       }
     }, {
       key: "setHeight",
@@ -9735,6 +9863,7 @@
         this.subscribe("column-add", this.recalcActiveRows.bind(this));
         this.subscribe("data-refeshed", 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));
       }
@@ -9758,6 +9887,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) {
@@ -10043,7 +10185,7 @@
           this.table.modules.mutator.disable();
         }
 
-        row = new Row$1(rowData, this, "calc");
+        row = new Row(rowData, this, "calc");
 
         if (this.table.modExists("mutator")) {
           this.table.modules.mutator.enable();
@@ -10054,7 +10196,7 @@
 
         row.getComponent = function () {
           if (!row.component) {
-            row.component = new CalcComponent(_this4);
+            row.component = new CalcComponent(row);
           }
 
           return row.component;
@@ -10084,7 +10226,7 @@
 
             _this4.genColumn.definition.cssClass = column.definition.cssClass; //generate cell and assign to correct column
 
-            var cell = new Cell$1(_this4.genColumn, row);
+            var cell = new Cell(_this4.genColumn, row);
             cell.getElement();
             cell.column = column;
             cell.setWidth();
@@ -10276,11 +10418,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) {
@@ -10349,13 +10489,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) {
@@ -10384,6 +10532,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) {
@@ -10518,7 +10675,7 @@
           var config, children;
           output.push(row);
 
-          if (row instanceof Row$1) {
+          if (row instanceof Row) {
             row.create();
             config = row.modules.dataTree.children;
 
@@ -10583,7 +10740,7 @@
         }
 
         childArray.forEach(function (childData) {
-          var childRow = new Row$1(childData || {}, _this6.table.rowManager);
+          var childRow = new Row(childData || {}, _this6.table.rowManager);
           childRow.create();
           childRow.modules.dataTree.index = row.modules.dataTree.index + 1;
           childRow.modules.dataTree.parent = row;
@@ -10657,7 +10814,7 @@
           }
 
           children.forEach(function (childRow) {
-            if (childRow instanceof Row$1) {
+            if (childRow instanceof Row) {
               output.push(childRow);
             }
           });
@@ -10730,7 +10887,7 @@
         var match = false;
 
         if (_typeof(subject) == "object") {
-          if (subject instanceof Row$1) {
+          if (subject instanceof Row) {
             //subject is row element
             match = subject.data;
           } else if (subject instanceof RowComponent) {
@@ -10739,7 +10896,7 @@
           } else if (typeof HTMLElement !== "undefined" && subject instanceof HTMLElement) {
             if (parent.modules.dataTree) {
               match = parent.modules.dataTree.children.find(function (childRow) {
-                return childRow instanceof Row$1 ? childRow.element === subject : false;
+                return childRow instanceof Row ? childRow.element === subject : false;
               });
 
               if (match) {
@@ -10783,7 +10940,7 @@
           }
 
           config.children.forEach(function (childRow) {
-            if (childRow instanceof Row$1) {
+            if (childRow instanceof Row) {
               output.push(component ? childRow.getComponent() : childRow);
 
               if (recurse) {
@@ -10795,13 +10952,6 @@
 
         return output;
       }
-    }, {
-      key: "checkForRestyle",
-      value: function checkForRestyle(cell) {
-        if (!cell.row.cells.indexOf(cell)) {
-          this.layoutRow(cell.row);
-        }
-      }
     }, {
       key: "getChildField",
       value: function getChildField() {
@@ -10810,6 +10960,7 @@
     }, {
       key: "redrawNeeded",
       value: function redrawNeeded(data) {
+        console.log("needed?", data);
         return (this.field ? typeof data[this.field] !== "undefined" : false) || (this.elementField ? typeof data[this.elementField] !== "undefined" : false);
       }
     }]);
@@ -10986,8 +11137,6 @@
           }
 
           rowData.push(cell);
-        } else {
-          rowData.push("");
         }
       });
       return rowData;
@@ -11054,16 +11203,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("");
@@ -12862,11 +13013,9 @@
 
   //draggable progress bar
   function progress (cell, onRendered, success, cancel, editorParams) {
-    var _element$getElementsB, _element$getElementsB2;
-
     var element = cell.getElement(),
-        max = typeof editorParams.max === "undefined" ? ((_element$getElementsB = element.getElementsByTagName("div")[0]) === null || _element$getElementsB === void 0 ? void 0 : _element$getElementsB.getAttribute("max")) || 100 : editorParams.max,
-        min = typeof editorParams.min === "undefined" ? ((_element$getElementsB2 = element.getElementsByTagName("div")[0]) === null || _element$getElementsB2 === void 0 ? void 0 : _element$getElementsB2.getAttribute("min")) || 0 : editorParams.min,
+        max = typeof editorParams.max === "undefined" ? element.getElementsByTagName("div")[0] && element.getElementsByTagName("div")[0].getAttribute("max") || 100 : editorParams.max,
+        min = typeof editorParams.min === "undefined" ? element.getElementsByTagName("div")[0] && element.getElementsByTagName("div")[0].getAttribute("min") || 0 : editorParams.min,
         percent = (max - min) / 100,
         value = cell.getValue() || 0,
         handle = document.createElement("div"),
@@ -13523,14 +13672,15 @@
         var cell = this.currentCell,
             cellEl;
         this.invalidEdit = false;
+        console.log("clear", cancel, cell, cell.validate);
 
         if (cell) {
           this.currentCell = false;
           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");
@@ -13563,6 +13713,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
@@ -13699,10 +13850,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);
@@ -13725,10 +13872,6 @@
         function cancel() {
           if (self.currentCell === cell) {
             self.cancelEdit();
-
-            if (self.table.options.dataTree && self.table.modExists("dataTree")) {
-              self.table.modules.dataTree.checkForRestyle(cell);
-            }
           }
         }
 
@@ -13942,7 +14085,7 @@
           switch (range) {
             case true:
             case "visible":
-              rows = this.table.rowManager.getVisibleRows(true);
+              rows = this.table.rowManager.getVisibleRows(false, true);
               break;
 
             case "all":
@@ -14586,6 +14729,8 @@
       _this.prevHeaderFilterChangeCheck = "{}";
       _this.changed = false; //has filtering changed since last render
 
+      _this.tableInitialized = false;
+
       _this.registerTableOption("filterMode", "local"); //local or remote filtering
 
 
@@ -14684,6 +14829,8 @@
             }
           });
         }
+
+        this.tableInitialized = true;
       }
     }, {
       key: "remoteFilterParams",
@@ -15152,10 +15299,12 @@
     }, {
       key: "refreshFilter",
       value: function refreshFilter() {
-        if (this.table.options.filterMode === "remote") {
-          this.reloadData();
-        } else {
-          this.refreshData();
+        if (this.tableInitialized) {
+          if (this.table.options.filterMode === "remote") {
+            this.reloadData();
+          } else {
+            this.refreshData(true);
+          }
         } //TODO - Persist left position of row manager
         // left = this.scrollLeft;
         // this.scrollHorizontal(left);
@@ -15707,7 +15856,7 @@
     var value = cell.getValue();
 
     if (typeof DT != "undefined") {
-      var newDatetime = (window.DateTime || luxon.DateTime).fromFormat(value, inputFormat);
+      var newDatetime = DT.fromFormat(String(value), inputFormat);
 
       if (newDatetime.isValid) {
         if (formatterParams.timezone) {
@@ -15716,7 +15865,7 @@
 
         return newDatetime.toFormat(outputFormat);
       } else {
-        if (invalid === true) {
+        if (invalid === true || !value) {
           return value;
         } else if (typeof invalid === "function") {
           return invalid(value);
@@ -15740,7 +15889,7 @@
     var value = cell.getValue();
 
     if (typeof DT != "undefined") {
-      var newDatetime = DT.fromFormat(value, inputFormat);
+      var newDatetime = DT.fromFormat(String(value), inputFormat);
 
       if (newDatetime.isValid) {
         if (humanize) ; else {
@@ -16375,7 +16524,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));
@@ -16739,7 +16888,11 @@
 
         if (index > -1) {
           var rowEl = row.getElement();
-          rowEl.parentNode.removeChild(rowEl);
+
+          if (rowEl.parentNode) {
+            rowEl.parentNode.removeChild(rowEl);
+          }
+
           this.rows.splice(index, 1);
         }
       }
@@ -16883,10 +17036,16 @@
             group.wipe();
           });
         } else {
-          this.element = false;
-          this.arrowElement = false;
-          this.elementContents = false;
+          this.rows.forEach(function (row) {
+            if (row.modules) {
+              delete row.modules.group;
+            }
+          });
         }
+
+        this.element = false;
+        this.arrowElement = false;
+        this.elementContents = false;
       }
     }, {
       key: "createElements",
@@ -17283,7 +17442,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) {
@@ -17402,7 +17561,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();
 
@@ -17577,6 +17741,30 @@
     _createClass(GroupRows, [{
       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("row-deleting", this.rowDeleting.bind(this));
+          this.subscribe("row-deleted", this.rowsUpdated.bind(this));
+          this.subscribe("scroll-horizontal", this.scrollHeaders.bind(this));
+          this.subscribe("rows-wipe", this.wipe.bind(this));
+          this.subscribe("rows-added", this.rowsUpdated.bind(this));
+          this.subscribe("row-moving", this.rowMoving.bind(this));
+          this.subscribe("row-adding-index", this.rowAddingIndex.bind(this));
+          this.subscribe("rows-sample", this.rowSample.bind(this));
+          this.subscribe("render-virtual-fill", this.virtualRenderFill.bind(this));
+          this.registerDisplayHandler(this.displayHandler, 20);
+          this.initialized = true;
+        }
+      }
+    }, {
+      key: "configureGroupSetup",
+      value: function configureGroupSetup() {
         var _this2 = this;
 
         if (this.table.options.groupBy) {
@@ -17666,23 +17854,6 @@
           if (groupHeader) {
             this.headerGenerator = Array.isArray(groupHeader) ? groupHeader : [groupHeader];
           }
-
-          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("row-deleting", this.rowDeleting.bind(this));
-          this.subscribe("row-deleted", this.rowsUpdated.bind(this));
-          this.subscribe("scroll-horizontal", this.scrollHeaders.bind(this));
-          this.subscribe("rows-wipe", this.wipe.bind(this));
-          this.subscribe("rows-added", this.rowsUpdated.bind(this));
-          this.subscribe("row-moving", this.rowMoving.bind(this));
-          this.subscribe("row-adding-index", this.rowAddingIndex.bind(this));
-          this.subscribe("rows-sample", this.rowSample.bind(this));
-          this.subscribe("render-virtual-fill", this.virtualRenderFill.bind(this));
-          this.registerDisplayHandler(this.displayHandler, 20);
-          this.initialized = true;
         }
       }
     }, {
@@ -17744,23 +17915,29 @@
       key: "setGroupBy",
       value: function setGroupBy(groups) {
         this.table.options.groupBy = groups;
-        this.initialize();
-        this.refreshData(false, "display");
+
+        if (!this.initialized) {
+          this.initialize();
+        } else {
+          this.configureGroupSetup();
+        }
+
+        this.refreshData();
         this.trackChanges();
       }
     }, {
       key: "setGroupValues",
       value: function setGroupValues(groupValues) {
         this.table.options.groupValues = groupValues;
-        this.initialize();
-        this.refreshData(false, "display");
+        this.configureGroupSetup();
+        this.refreshData();
         this.trackChanges();
       }
     }, {
       key: "setGroupStartOpen",
       value: function setGroupStartOpen(values) {
         this.table.options.groupStartOpen = values;
-        this.initialize();
+        this.configureGroupSetup();
 
         if (this.table.options.groupBy) {
           this.refreshData();
@@ -17773,7 +17950,7 @@
       key: "setGroupHeader",
       value: function setGroupHeader(values) {
         this.table.options.groupHeader = values;
-        this.initialize();
+        this.configureGroupSetup();
 
         if (this.table.options.groupBy) {
           this.refreshData();
@@ -17856,7 +18033,7 @@
     }, {
       key: "getRows",
       value: function getRows(rows) {
-        if (this.groupIDLookups.length) {
+        if (this.table.options.groupBy && this.groupIDLookups.length) {
           this.dispatchExternal("dataGrouping");
           this.generateGroups(rows);
 
@@ -18217,7 +18394,7 @@
           }
         }
 
-        this.history.action("rowDelete", row, {
+        this.action("rowDelete", row, {
           data: row.getData(),
           pos: !index,
           index: index
@@ -18372,7 +18549,7 @@
             data = [];
         this.hasIndex = false;
         this.dispatchExternal("htmlImporting");
-        rows = rows ? rows.getElementsByTagName("tr") : []; //check for tablator inline options
+        rows = rows ? rows.getElementsByTagName("tr") : []; //check for Tabulator inline options
 
         this._extractOptions(element, options);
 
@@ -18412,7 +18589,7 @@
       key: "_extractOptions",
       value: function _extractOptions(element, options, defaultOptions) {
         var attributes = element.attributes;
-        var optionsArr = defaultOptions ? Object.assign([], defaultOptions) : Object.keys(options);
+        var optionsArr = defaultOptions ? Object.keys(defaultOptions) : Object.keys(options);
         var optionsList = {};
         optionsArr.forEach(function (item) {
           optionsList[item.toLowerCase()] = item;
@@ -18480,12 +18657,10 @@
 
           if (width && !col.width) {
             col.width = width;
-          } //check for tablator inline options
-
+          } //check for Tabulator inline options
 
-          header.attributes; // //check for tablator inline options
 
-          this._extractOptions(header, col, Column$1.prototype.defaultOptionList);
+          this._extractOptions(header, col, this.table.columnManager.optionsList.registeredDefaults);
 
           this.fieldIndex[index] = col.field;
 
@@ -18833,7 +19008,7 @@
             callback;
 
         if (this.columnSubscribers[action]) {
-          if (component instanceof Cell$1) {
+          if (component instanceof Cell) {
             callback = component.column.definition[action];
           } else if (component instanceof Column$1) {
             callback = component.definition[action];
@@ -19583,7 +19758,9 @@
     }, {
       key: "initialize",
       value: function initialize() {
-        this.subscribe("column-init", this.initializeColumn.bind(this));
+        if (this.table.options.movableColumns) {
+          this.subscribe("column-init", this.initializeColumn.bind(this));
+        }
       }
     }, {
       key: "initializeColumn",
@@ -19722,7 +19899,9 @@
     }, {
       key: "startMove",
       value: function startMove(e, column) {
-        var element = column.getElement();
+        var element = column.getElement(),
+            headerElement = this.table.columnManager.getElement(),
+            headersElement = this.table.columnManager.getHeadersElement();
         this.moving = column;
         this.startX = (this.touchMove ? e.touches[0].pageX : e.pageX) - Helpers.elOffset(element).left;
         this.table.element.classList.add("tabulator-block-select"); //create placeholder
@@ -19736,7 +19915,7 @@
         this.hoverElement.classList.add("tabulator-moving");
         this.table.columnManager.getElement().appendChild(this.hoverElement);
         this.hoverElement.style.left = "0";
-        this.hoverElement.style.bottom = "0";
+        this.hoverElement.style.bottom = headerElement.clientHeight - headersElement.offsetHeight + "px";
 
         if (!this.touchMove) {
           this._bindMouseMove();
@@ -19776,7 +19955,7 @@
           column.getCells().forEach(function (cell, i) {
             var cellEl = cell.getElement(true);
 
-            if (cellEl.parentNode) {
+            if (cellEl.parentNode && movingCells[i]) {
               cellEl.parentNode.insertBefore(movingCells[i].getElement(), cellEl.nextSibling);
             }
           });
@@ -19784,7 +19963,7 @@
           column.getCells().forEach(function (cell, i) {
             var cellEl = cell.getElement(true);
 
-            if (cellEl.parentNode) {
+            if (cellEl.parentNode && movingCells[i]) {
               cellEl.parentNode.insertBefore(movingCells[i].getElement(), cellEl);
             }
           });
@@ -20682,9 +20861,6 @@
       _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
 
@@ -20695,7 +20871,7 @@
       _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("paginationButtonCount", 5); // set count of page button
@@ -20772,6 +20948,7 @@
           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") {
@@ -20892,7 +21069,7 @@
           margin = this.table.options.progressiveLoadScrollMargin || element.clientHeight * 2;
 
           if (diff < margin) {
-            this.nextPage();
+            this.nextPage()["catch"](function () {}); //consume the exception thrown when on the last page
           }
         }
       }
@@ -21132,7 +21309,7 @@
             this.page = 1;
           }
         }
-      } //set the maxmum page
+      } //set the maximum page
 
     }, {
       key: "setMaxPage",
@@ -21390,7 +21567,7 @@
         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) {
@@ -21414,7 +21591,7 @@
                 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;
 
@@ -21434,7 +21611,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;
@@ -22924,7 +23101,7 @@
       _this.registerColumnOption("responsive");
 
       return _this;
-    } //generate resposive columns list
+    } //generate responsive columns list
 
 
     _createClass(ResponsiveLayout, [{
@@ -22963,7 +23140,7 @@
         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) {
@@ -23060,9 +23237,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",
@@ -23329,9 +23505,9 @@
           this.subscribe("row-init", this.initializeRow.bind(this));
           this.subscribe("row-deleting", this.rowDeleted.bind(this));
           this.subscribe("rows-wipe", this.clearSelectionData.bind(this));
-          this.subscribe("rows-retrieve", this.clearSelectionData.bind(this));
+          this.subscribe("rows-retrieve", this.rowRetrieve.bind(this));
 
-          if (this.table.options.selectable && this.table.options.selectablePersistence) {
+          if (this.table.options.selectable && !this.table.options.selectablePersistence) {
             this.subscribe("data-refeshing", this.deselectRows.bind(this));
           }
         }
@@ -23571,9 +23747,7 @@
               this.childRowSelection(row, true);
             }
 
-            if (!silent) {
-              this.dispatchExternal("rowSelected", row.getComponent());
-            }
+            this.dispatchExternal("rowSelected", row.getComponent());
 
             this._rowSelectionChanged(silent);
           }
@@ -23647,9 +23821,7 @@
               this.childRowSelection(row, false);
             }
 
-            if (!silent) {
-              this.dispatchExternal("rowDeselected", row.getComponent());
-            }
+            this.dispatchExternal("rowDeselected", row.getComponent());
 
             self._rowSelectionChanged(silent);
           }
@@ -23838,8 +24010,8 @@
         emptyAlign = 0;
 
     if (typeof DT != "undefined") {
-      a = DT.fromFormat(a, format);
-      b = DT.fromFormat(b, format);
+      a = DT.fromFormat(String(a), format);
+      b = DT.fromFormat(String(b), format);
 
       if (!a.isValid) {
         emptyAlign = !b.isValid ? 0 : -1;
@@ -24227,7 +24399,7 @@
         if (this.table.options.sortMode === "remote") {
           this.reloadData();
         } else {
-          this.refreshData();
+          this.refreshData(true);
         } //TODO - Persist left position of row manager
         // left = this.scrollLeft;
         // this.scrollHorizontal(left);