tabulator-tables 5.0.3 → 5.0.8

package/dist/js/tabulator.js

@@ -1,4 +1,4 @@
-/* Tabulator v5.0.3 (c) Oliver Folkerd 2021 */
+/* Tabulator v5.0.8 (c) Oliver Folkerd 2021 */
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
   typeof define === 'function' && define.amd ? define(factory) :
@@ -616,7 +616,7 @@
     return ColumnComponent;
   }();
 
-  var defaultOptions$1 = {
+  var defaultColumnOptions = {
     "title": undefined,
     "field": undefined,
     "columns": undefined,
@@ -731,7 +731,7 @@
     return CellComponent;
   }();
 
-  var Cell$1 = /*#__PURE__*/function (_CoreFeature) {
+  var Cell = /*#__PURE__*/function (_CoreFeature) {
     _inherits(Cell, _CoreFeature);
 
     var _super = _createSuper(Cell);
@@ -1786,8 +1786,7 @@
             this.reinitializeWidth();
           }
 
-          this.table.columnManager._verticalAlignHeaders();
-
+          this.table.columnManager.verticalAlignHeaders();
           this.dispatch("column-show", this, responsiveToggle);
 
           if (!silent) {
@@ -1810,8 +1809,7 @@
         if (this.visible) {
           this.visible = false;
           this.element.style.display = "none";
-
-          this.table.columnManager._verticalAlignHeaders();
+          this.table.columnManager.verticalAlignHeaders();
 
           if (this.parent.isGroup) {
             this.parent.checkColumnVisibility();
@@ -2017,7 +2015,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;
       }
@@ -2142,9 +2140,9 @@
     return Column;
   }(CoreFeature);
 
-  Column$1.defaultOptionList = defaultOptions$1;
+  Column$1.defaultOptionList = defaultColumnOptions;
 
-  var Helpers$1 = /*#__PURE__*/function () {
+  var Helpers = /*#__PURE__*/function () {
     function Helpers() {
       _classCallCheck(this, Helpers);
     }
@@ -2166,27 +2164,41 @@
     }, {
       key: "deepClone",
       value: function deepClone(obj, clone) {
-        var list = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+        var _this = this;
+
+        var list = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+        var objectProto = {}.__proto__,
+            arrayProto = [].__proto__;
 
         if (!clone) {
           clone = Object.assign(Array.isArray(obj) ? [] : {}, obj);
         }
 
-        for (var i in obj) {
-          var subject = obj[i];
+        var _loop = function _loop() {
+          var subject = obj[i],
+              match = void 0,
+              copy = void 0;
 
-          if (subject != null && _typeof(subject) === "object") {
-            if (subject instanceof Date) {
-              clone[i] = new Date(subject);
+          if (subject != null && _typeof(subject) === "object" && (subject.__proto__ === objectProto || subject.__proto__ === arrayProto)) {
+            match = list.findIndex(function (item) {
+              return item.subject === subject;
+            });
+
+            if (match > -1) {
+              clone[i] = list[match].copy;
             } else {
-              if (list[subject]) {
-                clone[i] = list[subject];
-              } else {
-                list[subject] = Object.assign(Array.isArray(obj) ? [] : {}, obj);
-                clone[i] = this.deepClone(subject, list[subject], list);
-              }
+              copy = Object.assign(Array.isArray(subject) ? [] : {}, subject);
+              list.unshift({
+                subject: subject,
+                copy: copy
+              });
+              clone[i] = _this.deepClone(subject, copy, list);
             }
           }
+        };
+
+        for (var i in obj) {
+          _loop();
         }
 
         return clone;
@@ -2198,11 +2210,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, [{
@@ -2400,8 +2414,8 @@
 
 
             if (!ifVisible) {
-              if (Helpers$1.elVisible(rowEl)) {
-                offset = Helpers$1.elOffset(rowEl).top - Helpers$1.elOffset(_this2.elementVertical).top;
+              if (Helpers.elVisible(rowEl)) {
+                offset = Helpers.elOffset(rowEl).top - Helpers.elOffset(_this2.elementVertical).top;
 
                 if (offset > 0 && offset < _this2.elementVertical.clientHeight - rowEl.offsetHeight) {
                   return false;
@@ -2976,7 +2990,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 /////////////////
@@ -3018,6 +3032,7 @@
       value: function createHeadersElement() {
         var el = document.createElement("div");
         el.classList.add("tabulator-headers");
+        el.setAttribute("role", "row");
         return el;
       }
     }, {
@@ -3025,6 +3040,7 @@
       value: function createHeaderElement() {
         var el = document.createElement("div");
         el.classList.add("tabulator-header");
+        el.setAttribute("role", "rowgroup");
 
         if (!this.table.options.headerVisible) {
           el.classList.add("tabulator-header-hidden");
@@ -3184,8 +3200,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);
@@ -3202,10 +3219,9 @@
             this.columns.push(column);
             this.headersElement.appendChild(column.getElement());
           }
-
-          column.columnRendered();
         }
 
+        column.columnRendered();
         return column;
       }
     }, {
@@ -3230,8 +3246,8 @@
       } //ensure column headers take up the correct amount of space in column groups
 
     }, {
-      key: "_verticalAlignHeaders",
-      value: function _verticalAlignHeaders() {
+      key: "verticalAlignHeaders",
+      value: function verticalAlignHeaders() {
         var _this3 = this;
 
         var minHeight = 0;
@@ -3387,8 +3403,7 @@
           to.element.parentNode.insertBefore(to.element, from.element);
         }
 
-        this._verticalAlignHeaders();
-
+        this.verticalAlignHeaders();
         this.table.rowManager.reinitialize();
       }
     }, {
@@ -3553,13 +3568,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();
 
@@ -3593,19 +3606,18 @@
           this.columns.splice(index, 1);
         }
 
-        this._verticalAlignHeaders();
-
+        this.verticalAlignHeaders();
         this.redraw();
       } //redraw columns
 
     }, {
       key: "redraw",
       value: function redraw(force) {
-        if (force) {
-          if (Helpers$1.elVisible(this.element)) {
-            this._verticalAlignHeaders();
-          }
+        if (Helpers.elVisible(this.element)) {
+          this.verticalAlignHeaders();
+        }
 
+        if (force) {
           this.table.rowManager.resetScroll();
           this.table.rowManager.reinitialize();
         }
@@ -3736,7 +3748,7 @@
     return RowComponent;
   }();
 
-  var Row$1 = /*#__PURE__*/function (_CoreFeature) {
+  var Row = /*#__PURE__*/function (_CoreFeature) {
     _inherits(Row, _CoreFeature);
 
     var _super = _createSuper(Row);
@@ -3979,7 +3991,7 @@
       value: function updateData(updatedData) {
         var _this2 = this;
 
-        var visible = this.element && Helpers$1.elVisible(this.element),
+        var visible = this.element && Helpers.elVisible(this.element),
             tempData = {},
             newRowData;
         return new Promise(function (resolve, reject) {
@@ -4263,14 +4275,14 @@
     }, {
       key: "scrollToRowNearestTop",
       value: function scrollToRowNearestTop(row) {
-        var rowTop = Helpers$1.elOffset(row.getElement()).top;
+        var rowTop = Helpers.elOffset(row.getElement()).top;
         return !(Math.abs(this.elementVertical.scrollTop - rowTop) > Math.abs(this.elementVertical.scrollTop + this.elementVertical.clientHeight - rowTop));
       }
     }, {
       key: "scrollToRow",
       value: function scrollToRow(row) {
         var rowEl = row.getElement();
-        this.elementVertical.scrollTop = Helpers$1.elOffset(rowEl).top - Helpers$1.elOffset(this.elementVertical).top + this.elementVertical.scrollTop;
+        this.elementVertical.scrollTop = Helpers.elOffset(rowEl).top - Helpers.elOffset(this.elementVertical).top + this.elementVertical.scrollTop;
       }
     }, {
       key: "visibleRows",
@@ -4550,7 +4562,7 @@
           position -= topPad;
         }
 
-        if (rowsCount && Helpers$1.elVisible(this.elementVertical)) {
+        if (rowsCount && Helpers.elVisible(this.elementVertical)) {
           this.vDomTop = position;
           this.vDomBottom = position - 1;
 
@@ -4946,6 +4958,7 @@
         var el = document.createElement("div");
         el.classList.add("tabulator-tableholder");
         el.setAttribute("tabindex", 0);
+        el.setAttribute("role", "rowgroup");
         return el;
       }
     }, {
@@ -4953,6 +4966,7 @@
       value: function createTableElement() {
         var el = document.createElement("div");
         el.classList.add("tabulator-table");
+        el.setAttribute("role", "rowgroup");
         return el;
       } //return containing element
 
@@ -5020,7 +5034,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) {
@@ -5110,7 +5124,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 {
@@ -5212,7 +5226,7 @@
             _this6.dispatch("row-added", row, data, pos, index);
           });
 
-          _this6.reRenderInPosition();
+          _this6.refreshActiveData(false, false, true);
 
           _this6.regenerateRowNumbers();
 
@@ -5243,7 +5257,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,
@@ -5395,7 +5409,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);
         }
 
@@ -5411,7 +5425,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);
         }
 
@@ -5592,7 +5606,7 @@
 
           }
 
-          if (Helpers$1.elVisible(this.element)) {
+          if (Helpers.elVisible(this.element)) {
             if (renderInPosition) {
               this.reRenderInPosition();
             } else {
@@ -5767,9 +5781,9 @@
         this.dispatchExternal("renderStarted");
         this.element.scrollTop = 0;
 
-        if (this.displayRowsCount) {
-          this._clearTable();
+        this._clearTable();
 
+        if (this.displayRowsCount) {
           this.renderer.renderRows();
 
           if (this.firstRender) {
@@ -6083,7 +6097,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"];
@@ -6093,15 +6107,17 @@
         "tabulator-group": "group",
         "tabulator-col": "column"
       };
-
-      _this.buildListenerMap();
-
-      _this.bindSubscriptionWatchers();
-
       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 = {};
@@ -6332,15 +6348,15 @@
     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]) {
@@ -6366,7 +6382,7 @@
       }
     }]);
 
-    return ComponentFuctionBinder;
+    return ComponentFunctionBinder;
   }();
 
   var DataLoader = /*#__PURE__*/function (_CoreFeature) {
@@ -7404,7 +7420,7 @@
     _createClass(Localize, [{
       key: "initialize",
       value: function initialize() {
-        this.langList = Helpers$1.deepClone(Localize.langs);
+        this.langList = Helpers.deepClone(Localize.langs);
 
         if (this.table.options.columnDefaults.headerFilterPlaceholder !== false) {
           this.setHeaderFilterPlaceholder(this.table.options.columnDefaults.headerFilterPlaceholder);
@@ -7499,7 +7515,7 @@
 
         this.locale = desiredLocale; //load default lang template
 
-        this.lang = Helpers$1.deepClone(this.langList["default"] || {});
+        this.lang = Helpers.deepClone(this.langList["default"] || {});
 
         if (desiredLocale != "default") {
           traverseLang(this.langList[desiredLocale], this.lang);
@@ -7773,11 +7789,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.componentFunctionBinder = new ComponentFuctionBinder(this); //bind component functions
+      this.originalElement = null; //hold original table element if it has been replaced
+
+      this.componentFunctionBinder = new ComponentFunctionBinder(this); //bind component functions
 
       this.dataLoader = false; //bind component functions
 
@@ -7791,14 +7809,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, [{
@@ -7833,7 +7851,7 @@
 
         this._clearObjectPointers();
 
-        this._mapDepricatedFunctionality();
+        this._mapDeprecatedFunctionality();
 
         this.externalEvents = new ExternalEventBus(this, this.options, this.options.debugEventsExternal);
         this.eventBus = new InternalEventBus(this.options.debugEventsInternal);
@@ -7842,34 +7860,11 @@
         this.columnManager.initialize();
         this.rowManager.initialize();
         this.footerManager.initialize();
-      }
-    }, {
-      key: "rtlCheck",
-      value: function rtlCheck() {
-        var style = window.getComputedStyle(this.element);
-
-        switch (this.options.textDirection) {
-          case "auto":
-            if (style.direction !== "rtl") {
-              break;
-            }
-
-          case "rtl":
-            this.element.classList.add("tabulator-rtl");
-            this.rtl = true;
-            break;
-
-          case "ltr":
-            this.element.classList.add("tabulator-ltr");
-
-          default:
-            this.rtl = false;
-        }
-      } //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",
@@ -7890,21 +7885,47 @@
         }
 
         this.element.classList.remove("tabulator-block-select");
-      } //concreate table
+      } //create table
 
     }, {
       key: "_create",
       value: function _create() {
         this.externalEvents.dispatch("tableBuilding");
         this.eventBus.dispatch("table-building");
-        this.rtlCheck();
+
+        this._rtlCheck();
 
         this._buildElement();
 
+        this._initializeTable();
+
         this._loadInitialData();
 
         this.initialized = true;
         this.externalEvents.dispatch("tableBuilt");
+      }
+    }, {
+      key: "_rtlCheck",
+      value: function _rtlCheck() {
+        var style = window.getComputedStyle(this.element);
+
+        switch (this.options.textDirection) {
+          case "auto":
+            if (style.direction !== "rtl") {
+              break;
+            }
+
+          case "rtl":
+            this.element.classList.add("tabulator-rtl");
+            this.rtl = true;
+            break;
+
+          case "ltr":
+            this.element.classList.add("tabulator-ltr");
+
+          default:
+            this.rtl = false;
+        }
       } //clear pointers to objects in default config object
 
     }, {
@@ -7921,7 +7942,26 @@
       key: "_buildElement",
       value: function _buildElement() {
         var element = this.element,
-            options = this.options;
+            options = this.options,
+            newElement;
+
+        if (element.tagName === "TABLE") {
+          this.originalElement = this.element;
+          newElement = document.createElement("div"); //transfer attributes to new element
+
+          var attributes = element.attributes; // loop through attributes and apply them on div
+
+          for (var i in attributes) {
+            if (_typeof(attributes[i]) == "object") {
+              newElement.setAttribute(attributes[i].name, attributes[i].value);
+            }
+          } // replace table with div element
+
+
+          element.parentNode.replaceChild(newElement, element);
+          this.element = element = newElement;
+        }
+
         element.classList.add("tabulator");
         element.setAttribute("role", "grid"); //empty element
 
@@ -7946,7 +7986,14 @@
           options.maxHeight = isNaN(options.maxHeight) ? options.maxHeight : options.maxHeight + "px";
           element.style.maxHeight = options.maxHeight;
         }
+      } //initialize core systems and modules
 
+    }, {
+      key: "_initializeTable",
+      value: function _initializeTable() {
+        var element = this.element,
+            options = this.options;
+        this.interactionMonitor.initialize();
         this.columnManager.initialize();
         this.rowManager.initialize();
 
@@ -8000,7 +8047,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
 
@@ -8124,7 +8171,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
 
     }, {
@@ -8133,59 +8184,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
 
     }, {
@@ -8195,44 +8255,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
 
     }, {
@@ -8310,13 +8375,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
 
     }, {
@@ -8350,7 +8419,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);
@@ -8541,8 +8610,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",
@@ -8714,7 +8787,7 @@
         var key = "accessor" + (type.charAt(0).toUpperCase() + type.slice(1)),
             rowComponent = row.getComponent(); //clone data object with deep copy to isolate internal data from returned result
 
-        var data = Helpers$1.deepClone(row.data || {});
+        var data = Helpers.deepClone(row.data || {});
         this.table.columnManager.traverse(function (column) {
           var value, accessor, params, colCompnent;
 
@@ -8875,6 +8948,28 @@
     });
   }
 
+  function generateParamsList$1(data, prefix) {
+    var output = [];
+    prefix = prefix || "";
+
+    if (Array.isArray(data)) {
+      data.forEach(function (item, i) {
+        output = output.concat(generateParamsList$1(item, prefix ? prefix + "[" + i + "]" : i));
+      });
+    } else if (_typeof(data) === "object") {
+      for (var key in data) {
+        output = output.concat(generateParamsList$1(data[key], prefix ? prefix + "[" + key + "]" : key));
+      }
+    } else {
+      output.push({
+        key: prefix,
+        value: data
+      });
+    }
+
+    return output;
+  }
+
   var defaultContentTypeFormatters = {
     "json": {
       headers: {
@@ -8887,7 +8982,7 @@
     "form": {
       headers: {},
       body: function body(url, config, params) {
-        var output = this.generateParamsList(params),
+        var output = generateParamsList$1(params),
             form = new FormData();
         output.forEach(function (item) {
           form.append(item.key, item.value);
@@ -9977,7 +10072,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();
@@ -9988,7 +10083,7 @@
 
         row.getComponent = function () {
           if (!row.component) {
-            row.component = new CalcComponent(_this4);
+            row.component = new CalcComponent(row);
           }
 
           return row.component;
@@ -10018,7 +10113,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();
@@ -10452,7 +10547,7 @@
           var config, children;
           output.push(row);
 
-          if (row instanceof Row$1) {
+          if (row instanceof Row) {
             row.create();
             config = row.modules.dataTree.children;
 
@@ -10517,7 +10612,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;
@@ -10591,7 +10686,7 @@
           }
 
           children.forEach(function (childRow) {
-            if (childRow instanceof Row$1) {
+            if (childRow instanceof Row) {
               output.push(childRow);
             }
           });
@@ -10664,7 +10759,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) {
@@ -10673,7 +10768,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) {
@@ -10717,7 +10812,7 @@
           }
 
           config.children.forEach(function (childRow) {
-            if (childRow instanceof Row$1) {
+            if (childRow instanceof Row) {
               output.push(component ? childRow.getComponent() : childRow);
 
               if (recurse) {
@@ -10733,7 +10828,7 @@
       key: "checkForRestyle",
       value: function checkForRestyle(cell) {
         if (!cell.row.cells.indexOf(cell)) {
-          cell.row.reinitialize();
+          this.layoutRow(cell.row);
         }
       }
     }, {
@@ -12033,7 +12128,7 @@
           parseItems(editorParams.values || [], initialDisplayValue);
         }
 
-        var offset = Helpers$1.elOffset(cellEl);
+        var offset = Helpers.elOffset(cellEl);
         listEl.style.minWidth = cellEl.offsetWidth + "px";
         listEl.style.top = offset.top + cellEl.offsetHeight + "px";
         listEl.style.left = offset.left + "px";
@@ -12489,7 +12584,7 @@
           listEl.removeChild(listEl.firstChild);
         }
 
-        var offset = Helpers$1.elOffset(cellEl);
+        var offset = Helpers.elOffset(cellEl);
         listEl.style.minWidth = cellEl.offsetWidth + "px";
         listEl.style.top = offset.top + cellEl.offsetHeight + "px";
         listEl.style.left = offset.left + "px";
@@ -12797,8 +12892,8 @@
   //draggable progress bar
   function progress (cell, onRendered, success, cancel, editorParams) {
     var element = cell.getElement(),
-        max = typeof editorParams.max === "undefined" ? element.getElementsByTagName("div")[0].getAttribute("max") || 100 : editorParams.max,
-        min = typeof editorParams.min === "undefined" ? element.getElementsByTagName("div")[0].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"),
@@ -13191,7 +13286,7 @@
               nextCell = this.findNextEditableCell(prevRow, prevRow.cells.length);
 
               if (nextCell) {
-                nextCell.edit();
+                nextCell.getComponent().edit();
                 return true;
               }
             }
@@ -13223,7 +13318,7 @@
               nextCell = this.findNextEditableCell(nextRow, -1);
 
               if (nextCell) {
-                nextCell.edit();
+                nextCell.getComponent().edit();
                 return true;
               }
             }
@@ -13248,7 +13343,7 @@
           nextCell = this.findPrevEditableCell(cell.row, index);
 
           if (nextCell) {
-            nextCell.edit();
+            nextCell.getComponent().edit();
             return true;
           }
         }
@@ -13271,7 +13366,7 @@
           nextCell = this.findNextEditableCell(cell.row, index);
 
           if (nextCell) {
-            nextCell.edit();
+            nextCell.getComponent().edit();
             return true;
           }
         }
@@ -13294,7 +13389,7 @@
           nextRow = this.table.rowManager.prevDisplayRow(cell.row, true);
 
           if (nextRow) {
-            nextRow.cells[index].edit();
+            nextRow.cells[index].getComponent().edit();
             return true;
           }
         }
@@ -13317,7 +13412,7 @@
           nextRow = this.table.rowManager.nextDisplayRow(cell.row, true);
 
           if (nextRow) {
-            nextRow.cells[index].edit();
+            nextRow.cells[index].getComponent().edit();
             return true;
           }
         }
@@ -14518,6 +14613,8 @@
       _this.prevHeaderFilterChangeCheck = "{}";
       _this.changed = false; //has filtering changed since last render
 
+      _this.tableInitialized = false;
+
       _this.registerTableOption("filterMode", "local"); //local or remote filtering
 
 
@@ -14616,6 +14713,8 @@
             }
           });
         }
+
+        this.tableInitialized = true;
       }
     }, {
       key: "remoteFilterParams",
@@ -15084,10 +15183,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);
@@ -15469,12 +15570,14 @@
 
   function money (cell, formatterParams, onRendered) {
     var floatVal = parseFloat(cell.getValue()),
+        sign = "",
         number,
         integer,
         decimal,
         rgx;
     var decimalSym = formatterParams.decimal || ".";
     var thousandSym = formatterParams.thousand || ",";
+    var negativeSign = formatterParams.negativeSign || "-";
     var symbol = formatterParams.symbol || "";
     var after = !!formatterParams.symbolAfter;
     var precision = typeof formatterParams.precision !== "undefined" ? formatterParams.precision : 2;
@@ -15483,6 +15586,11 @@
       return this.emptyToSpace(this.sanitizeHTML(cell.getValue()));
     }
 
+    if (floatVal < 0) {
+      floatVal = Math.abs(floatVal);
+      sign = negativeSign;
+    }
+
     number = precision !== false ? floatVal.toFixed(precision) : floatVal;
     number = String(number).split(".");
     integer = number[0];
@@ -15493,7 +15601,7 @@
       integer = integer.replace(rgx, "$1" + thousandSym + "$2");
     }
 
-    return after ? integer + decimal + symbol : symbol + integer + decimal;
+    return after ? sign + integer + decimal + symbol : sign + symbol + integer + decimal;
   }
 
   function link (cell, formatterParams, onRendered) {
@@ -15632,7 +15740,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) {
@@ -15641,7 +15749,7 @@
 
         return newDatetime.toFormat(outputFormat);
       } else {
-        if (invalid === true) {
+        if (invalid === true || !value) {
           return value;
         } else if (typeof invalid === "function") {
           return invalid(value);
@@ -15665,7 +15773,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 {
@@ -16400,29 +16508,52 @@
           if (this.table.modules.columnCalcs.botInitialized && this.table.modules.columnCalcs.botRow) {
             this.layoutRow(this.table.modules.columnCalcs.botRow);
           }
+
+          if (this.table.modExists("groupRows")) {
+            this.layoutGroupCalcs(this.table.modules.groupRows.getGroups());
+          }
         }
+      }
+    }, {
+      key: "layoutGroupCalcs",
+      value: function layoutGroupCalcs(groups) {
+        var _this3 = this;
+
+        groups.forEach(function (group) {
+          if (group.calcs.top) {
+            _this3.layoutRow(group.calcs.top);
+          }
+
+          if (group.calcs.bottom) {
+            _this3.layoutRow(group.calcs.bottom);
+          }
+
+          if (group.groupList && group.groupList.length) {
+            _this3.layoutGroupCalcs(group.groupList && group.groupList);
+          }
+        });
       } //calculate column positions and layout headers
 
     }, {
       key: "layoutColumnPosition",
       value: function layoutColumnPosition(allCells) {
-        var _this3 = this;
+        var _this4 = this;
 
         var leftParents = [];
         this.leftColumns.forEach(function (column, i) {
-          column.modules.frozen.margin = _this3._calcSpace(_this3.leftColumns, i) + _this3.table.columnManager.scrollLeft + "px";
+          column.modules.frozen.margin = _this4._calcSpace(_this4.leftColumns, i) + _this4.table.columnManager.scrollLeft + "px";
 
-          if (i == _this3.leftColumns.length - 1) {
+          if (i == _this4.leftColumns.length - 1) {
             column.modules.frozen.edge = true;
           } else {
             column.modules.frozen.edge = false;
           }
 
           if (column.parent.isGroup) {
-            var parentEl = _this3.getColGroupParentElement(column);
+            var parentEl = _this4.getColGroupParentElement(column);
 
             if (!leftParents.includes(parentEl)) {
-              _this3.layoutElement(parentEl, column);
+              _this4.layoutElement(parentEl, column);
 
               leftParents.push(parentEl);
             }
@@ -16431,33 +16562,33 @@
               parentEl.classList.add("tabulator-frozen-" + column.modules.frozen.position);
             }
           } else {
-            _this3.layoutElement(column.getElement(), column);
+            _this4.layoutElement(column.getElement(), column);
           }
 
           if (allCells) {
             column.cells.forEach(function (cell) {
-              _this3.layoutElement(cell.getElement(true), column);
+              _this4.layoutElement(cell.getElement(true), column);
             });
           }
         });
         this.rightColumns.forEach(function (column, i) {
-          column.modules.frozen.margin = _this3.rightPadding - _this3._calcSpace(_this3.rightColumns, i + 1) + "px";
+          column.modules.frozen.margin = _this4.rightPadding - _this4._calcSpace(_this4.rightColumns, i + 1) + "px";
 
-          if (i == _this3.rightColumns.length - 1) {
+          if (i == _this4.rightColumns.length - 1) {
             column.modules.frozen.edge = true;
           } else {
             column.modules.frozen.edge = false;
           }
 
           if (column.parent.isGroup) {
-            _this3.layoutElement(_this3.getColGroupParentElement(column), column);
+            _this4.layoutElement(_this4.getColGroupParentElement(column), column);
           } else {
-            _this3.layoutElement(column.getElement(), column);
+            _this4.layoutElement(column.getElement(), column);
           }
 
           if (allCells) {
             column.cells.forEach(function (cell) {
-              _this3.layoutElement(cell.getElement(true), column);
+              _this4.layoutElement(cell.getElement(true), column);
             });
           }
         });
@@ -16471,14 +16602,14 @@
     }, {
       key: "layout",
       value: function layout() {
-        var _this4 = this;
+        var _this5 = this;
 
         if (this.active) {
           //calculate row padding
           this.calcMargins();
           this.table.rowManager.getDisplayRows().forEach(function (row) {
             if (row.type === "row") {
-              _this4.layoutRow(row);
+              _this5.layoutRow(row);
             }
           });
           this.layoutCalcRows(); //calculate left columns
@@ -16490,7 +16621,7 @@
     }, {
       key: "layoutRow",
       value: function layoutRow(row) {
-        var _this5 = this;
+        var _this6 = this;
 
         var rowEl = row.getElement();
         rowEl.style.paddingLeft = this.leftMargin;
@@ -16498,14 +16629,14 @@
           var cell = row.getCell(column);
 
           if (cell) {
-            _this5.layoutElement(cell.getElement(true), column);
+            _this6.layoutElement(cell.getElement(true), column);
           }
         });
         this.rightColumns.forEach(function (column) {
           var cell = row.getCell(column);
 
           if (cell) {
-            _this5.layoutElement(cell.getElement(true), column);
+            _this6.layoutElement(cell.getElement(true), column);
           }
         });
       }
@@ -16641,7 +16772,11 @@
 
         if (index > -1) {
           var rowEl = row.getElement();
-          rowEl.parentNode.removeChild(rowEl);
+
+          if (rowEl.parentNode) {
+            rowEl.parentNode.removeChild(rowEl);
+          }
+
           this.rows.splice(index, 1);
         }
       }
@@ -16785,10 +16920,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",
@@ -17349,7 +17490,7 @@
         this.initialized = false;
         this.height = 0;
 
-        if (Helpers$1.elVisible(this.element)) {
+        if (Helpers.elVisible(this.element)) {
           this.initialize(true);
         }
       }
@@ -17479,6 +17620,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) {
@@ -17568,23 +17733,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;
         }
       }
     }, {
@@ -17646,23 +17794,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();
@@ -17675,7 +17829,7 @@
       key: "setGroupHeader",
       value: function setGroupHeader(values) {
         this.table.options.groupHeader = values;
-        this.initialize();
+        this.configureGroupSetup();
 
         if (this.table.options.groupBy) {
           this.refreshData();
@@ -17758,7 +17912,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);
 
@@ -17999,6 +18153,7 @@
   var defaultUndoers = {
     cellEdit: function cellEdit(action) {
       action.component.setValueProcessData(action.data.oldValue);
+      action.component.cellRendered();
     },
     rowAdd: function rowAdd(action) {
       action.component.deleteActual();
@@ -18021,6 +18176,7 @@
   var defaultRedoers = {
     cellEdit: function cellEdit(action) {
       action.component.setValueProcessData(action.data.newValue);
+      action.component.cellRendered();
     },
     rowAdd: function rowAdd(action) {
       var newRow = this.table.rowManager.addRowActual(action.data.data, action.data.pos, action.data.index);
@@ -18117,7 +18273,7 @@
           }
         }
 
-        this.history.action("rowDelete", row, {
+        this.action("rowDelete", row, {
           data: row.getData(),
           pos: !index,
           index: index
@@ -18252,19 +18408,19 @@
     _createClass(HtmlTableImport, [{
       key: "initialize",
       value: function initialize() {
-        this.subscribe("table-building", this.tableElementCheck.bind(this));
+        this.tableElementCheck();
       }
     }, {
       key: "tableElementCheck",
       value: function tableElementCheck() {
-        if (this.table.element.tagName === "TABLE") {
+        if (this.table.originalElement && this.table.originalElement.tagName === "TABLE") {
           this.parseTable();
         }
       }
     }, {
       key: "parseTable",
       value: function parseTable() {
-        var element = this.table.element,
+        var element = this.table.originalElement,
             options = this.table.options,
             columns = options.columns,
             headers = element.getElementsByTagName("th"),
@@ -18272,7 +18428,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);
 
@@ -18302,31 +18458,17 @@
 
 
           data.push(item);
-        } //create new element
-
-
-        var newElement = document.createElement("div"); //transfer attributes to new element
-
-        var attributes = element.attributes; // loop through attributes and apply them on div
-
-        for (var i in attributes) {
-          if (_typeof(attributes[i]) == "object") {
-            newElement.setAttribute(attributes[i].name, attributes[i].value);
-          }
-        } // replace table with div element
-
+        }
 
-        element.parentNode.replaceChild(newElement, element);
         options.data = data;
         this.dispatchExternal("htmlImported");
-        this.table.element = newElement;
       } //extract tabulator attribute options
 
     }, {
       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;
@@ -18394,12 +18536,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.prototype.defaultOptionList);
+          this._extractOptions(header, col, this.table.columnManager.optionsList.registeredDefaults);
 
           this.fieldIndex[index] = col.field;
 
@@ -18747,7 +18887,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];
@@ -19371,7 +19511,7 @@
           y = touch ? e.touches[0].pageY : e.pageY;
           this.positionReversedX = false;
         } else {
-          parentOffset = Helpers$1.elOffset(parentEl);
+          parentOffset = Helpers.elOffset(parentEl);
           x = parentOffset.left + parentEl.offsetWidth;
           y = parentOffset.top - 1;
         }
@@ -19497,7 +19637,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",
@@ -19511,7 +19653,7 @@
 
           config.mousemove = function (e) {
             if (column.parent === self.moving.parent) {
-              if ((self.touchMove ? e.touches[0].pageX : e.pageX) - Helpers$1.elOffset(colEl).left + self.table.columnManager.element.scrollLeft > column.getWidth() / 2) {
+              if ((self.touchMove ? e.touches[0].pageX : e.pageX) - Helpers.elOffset(colEl).left + self.table.columnManager.element.scrollLeft > column.getWidth() / 2) {
                 if (self.toCol !== column || !self.toColAfter) {
                   colEl.parentNode.insertBefore(self.placeholderElement, colEl.nextSibling);
                   self.moveColumn(column, true);
@@ -19636,9 +19778,11 @@
     }, {
       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$1.elOffset(element).left;
+        this.startX = (this.touchMove ? e.touches[0].pageX : e.pageX) - Helpers.elOffset(element).left;
         this.table.element.classList.add("tabulator-block-select"); //create placeholder
 
         this.placeholderElement.style.width = column.getWidth() + "px";
@@ -19650,7 +19794,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();
@@ -19690,7 +19834,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);
             }
           });
@@ -19698,7 +19842,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);
             }
           });
@@ -19736,7 +19880,7 @@
 
         var columnHolder = this.table.columnManager.getElement(),
             scrollLeft = columnHolder.scrollLeft,
-            xPos = (this.touchMove ? e.touches[0].pageX : e.pageX) - Helpers$1.elOffset(columnHolder).left + scrollLeft,
+            xPos = (this.touchMove ? e.touches[0].pageX : e.pageX) - Helpers.elOffset(columnHolder).left + scrollLeft,
             scrollPos;
         this.hoverElement.style.left = xPos - this.startX + "px";
 
@@ -19860,7 +20004,7 @@
 
 
         config.mousemove = function (e) {
-          if (e.pageY - Helpers$1.elOffset(group.element).top + self.table.rowManager.element.scrollTop > group.getHeight() / 2) {
+          if (e.pageY - Helpers.elOffset(group.element).top + self.table.rowManager.element.scrollTop > group.getHeight() / 2) {
             if (self.toRow !== group || !self.toRowAfter) {
               var rowEl = group.getElement();
               rowEl.parentNode.insertBefore(self.placeholderElement, rowEl.nextSibling);
@@ -19895,7 +20039,7 @@
         config.mousemove = function (e) {
           var rowEl = row.getElement();
 
-          if (e.pageY - Helpers$1.elOffset(rowEl).top + self.table.rowManager.element.scrollTop > row.getHeight() / 2) {
+          if (e.pageY - Helpers.elOffset(rowEl).top + self.table.rowManager.element.scrollTop > row.getHeight() / 2) {
             if (self.toRow !== row || !self.toRowAfter) {
               rowEl.parentNode.insertBefore(self.placeholderElement, rowEl.nextSibling);
               self.moveRow(row, true);
@@ -20806,7 +20950,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
           }
         }
       }
@@ -23101,6 +23245,10 @@
 
           if (column.definition.title && column.field) {
             if (column.modules.format && self.table.options.responsiveLayoutCollapseUseFormatters) {
+              var onRendered = function onRendered(callback) {
+                callback();
+              };
+
               mockCellComponent = {
                 value: false,
                 data: {},
@@ -23123,7 +23271,7 @@
               output.push({
                 field: column.field,
                 title: column.definition.title,
-                value: column.modules.format.formatter.call(self.table.modules.format, mockCellComponent, column.modules.format.params)
+                value: column.modules.format.formatter.call(self.table.modules.format, mockCellComponent, column.modules.format.params, onRendered)
               });
             } else {
               output.push({
@@ -23239,9 +23387,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));
           }
         }
@@ -23504,6 +23652,7 @@
       value: function deselectRows(rows, silent) {
         var self = this,
             rowCount;
+        console.trace("deselect");
 
         if (typeof rows == "undefined") {
           rowCount = self.selectedRows.length;
@@ -23748,8 +23897,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;
@@ -24137,7 +24286,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);