tabulator-tables 5.0.5 → 5.0.9

package/dist/js/tabulator.js

@@ -1,4 +1,4 @@
-/* Tabulator v5.0.5 (c) Oliver Folkerd 2021 */
+/* Tabulator v5.0.9 (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) {
@@ -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, [{
@@ -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;
                 }
               }
@@ -2988,7 +2987,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 +3197,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 +3314,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 +3565,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 +3745,7 @@
     return RowComponent;
   }();
 
-  var Row$1 = /*#__PURE__*/function (_CoreFeature) {
+  var Row = /*#__PURE__*/function (_CoreFeature) {
     _inherits(Row, _CoreFeature);
 
     var _super = _createSuper(Row);
@@ -4349,8 +4347,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 +5031,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 +5121,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 +5254,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 +5406,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 +5422,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 +5688,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 +6100,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 +6110,24 @@
         "tabulator-group": "group",
         "tabulator-col": "column"
       };
-
-      _this.buildListenerMap();
-
-      _this.bindSubscriptionWatchers();
-
+      _this.pseudoTrackers = {
+        "row": null,
+        "cell": null,
+        "group": null,
+        "column": null
+      };
       return _this;
     }
 
     _createClass(InteractionManager, [{
+      key: "initialize",
+      value: function initialize() {
+        this.el = this.table.element;
+        this.buildListenerMap();
+        this.bindSubscriptionWatchers();
+        this.bindPseudoEvents();
+      }
+    }, {
       key: "buildListenerMap",
       value: function buildListenerMap() {
         var listenerMap = {};
@@ -6126,6 +6139,53 @@
         });
         this.listeners = listenerMap;
       }
+    }, {
+      key: "bindPseudoEvents",
+      value: function bindPseudoEvents() {
+        var _this2 = this;
+
+        Object.keys(this.pseudoTrackers).forEach(function (key) {
+          _this2.subscribe(key + "-mouseover", _this2.pseudoMouseEnter.bind(_this2, key)); // this.subscribe(key + "-mouseout", this.pseudoMouseLeave.bind(this, key));
+
+        });
+      }
+    }, {
+      key: "pseudoMouseEnter",
+      value: function pseudoMouseEnter(key, e, target) {
+        if (this.pseudoTrackers[key] !== target) {
+          if (this.pseudoTrackers[key]) {
+            this.dispatch(key + "-mouseleave", e, target);
+          }
+
+          this.pseudoMouseLeave(key, e);
+          this.pseudoTrackers[key] = 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];
+
+          if (_this3.pseudoTrackers[key]) {
+            _this3.dispatch(key + "-mouseleave", e, target);
+
+            _this3.pseudoTrackers[key] = null;
+          }
+        });
+      }
     }, {
       key: "bindSubscriptionWatchers",
       value: function bindSubscriptionWatchers() {
@@ -6150,6 +6210,8 @@
             _iterator.f();
           }
         }
+
+        this.subscribe("table-destroy", this.clearWatchers.bind(this));
       }
     }, {
       key: "subscriptionChanged",
@@ -6202,11 +6264,15 @@
         var targets = this.findTargets(path);
         targets = this.bindComponents(type, targets);
         this.triggerEvents(type, e, targets);
+
+        if ((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);
@@ -6219,7 +6285,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) {
@@ -6259,7 +6325,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(),
@@ -6274,7 +6340,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;
@@ -6283,7 +6349,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;
@@ -6294,7 +6360,7 @@
 
                 case "column":
                   if (listener.components.includes("column")) {
-                    component = _this3.table.columnManager.findColumn(target);
+                    component = _this5.table.columnManager.findColumn(target);
                   }
 
                   break;
@@ -6340,20 +6406,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]) {
@@ -6379,7 +6457,7 @@
       }
     }]);
 
-    return ComponentFuctionBinder;
+    return ComponentFunctionBinder;
   }();
 
   var DataLoader = /*#__PURE__*/function (_CoreFeature) {
@@ -6466,7 +6544,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) {
@@ -7786,13 +7864,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
 
@@ -7806,14 +7884,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, [{
@@ -7848,7 +7926,7 @@
 
         this._clearObjectPointers();
 
-        this._mapDepricatedFunctionality();
+        this._mapDeprecatedFunctionality();
 
         this.externalEvents = new ExternalEventBus(this, this.options, this.options.debugEventsExternal);
         this.eventBus = new InternalEventBus(this.options.debugEventsInternal);
@@ -7857,11 +7935,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",
@@ -7882,7 +7960,7 @@
         }
 
         this.element.classList.remove("tabulator-block-select");
-      } //concreate table
+      } //create table
 
     }, {
       key: "_create",
@@ -7990,6 +8068,7 @@
       value: function _initializeTable() {
         var element = this.element,
             options = this.options;
+        this.interactionMonitor.initialize();
         this.columnManager.initialize();
         this.rowManager.initialize();
 
@@ -8043,7 +8122,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
 
@@ -8167,7 +8246,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
 
     }, {
@@ -8176,59 +8259,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
 
     }, {
@@ -8238,44 +8330,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
 
     }, {
@@ -8353,13 +8450,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
 
     }, {
@@ -8393,7 +8494,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);
@@ -8584,8 +8685,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",
@@ -9734,6 +9839,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));
       }
@@ -9757,6 +9863,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) {
@@ -10042,7 +10161,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();
@@ -10053,7 +10172,7 @@
 
         row.getComponent = function () {
           if (!row.component) {
-            row.component = new CalcComponent(_this4);
+            row.component = new CalcComponent(row);
           }
 
           return row.component;
@@ -10083,7 +10202,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();
@@ -10275,11 +10394,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) {
@@ -10348,13 +10465,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) {
@@ -10383,6 +10508,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) {
@@ -10517,7 +10651,7 @@
           var config, children;
           output.push(row);
 
-          if (row instanceof Row$1) {
+          if (row instanceof Row) {
             row.create();
             config = row.modules.dataTree.children;
 
@@ -10582,7 +10716,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;
@@ -10656,7 +10790,7 @@
           }
 
           children.forEach(function (childRow) {
-            if (childRow instanceof Row$1) {
+            if (childRow instanceof Row) {
               output.push(childRow);
             }
           });
@@ -10729,7 +10863,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) {
@@ -10738,7 +10872,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) {
@@ -10782,7 +10916,7 @@
           }
 
           config.children.forEach(function (childRow) {
-            if (childRow instanceof Row$1) {
+            if (childRow instanceof Row) {
               output.push(component ? childRow.getComponent() : childRow);
 
               if (recurse) {
@@ -10794,13 +10928,6 @@
 
         return output;
       }
-    }, {
-      key: "checkForRestyle",
-      value: function checkForRestyle(cell) {
-        if (!cell.row.cells.indexOf(cell)) {
-          this.layoutRow(cell.row);
-        }
-      }
     }, {
       key: "getChildField",
       value: function getChildField() {
@@ -10809,6 +10936,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);
       }
     }]);
@@ -10985,8 +11113,6 @@
           }
 
           rowData.push(cell);
-        } else {
-          rowData.push("");
         }
       });
       return rowData;
@@ -11053,16 +11179,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("");
@@ -12861,11 +12989,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"),
@@ -13562,6 +13688,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
@@ -13698,10 +13825,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);
@@ -13724,10 +13847,6 @@
         function cancel() {
           if (self.currentCell === cell) {
             self.cancelEdit();
-
-            if (self.table.options.dataTree && self.table.modExists("dataTree")) {
-              self.table.modules.dataTree.checkForRestyle(cell);
-            }
           }
         }
 
@@ -13941,7 +14060,7 @@
           switch (range) {
             case true:
             case "visible":
-              rows = this.table.rowManager.getVisibleRows(true);
+              rows = this.table.rowManager.getVisibleRows(false, true);
               break;
 
             case "all":
@@ -14585,6 +14704,8 @@
       _this.prevHeaderFilterChangeCheck = "{}";
       _this.changed = false; //has filtering changed since last render
 
+      _this.tableInitialized = false;
+
       _this.registerTableOption("filterMode", "local"); //local or remote filtering
 
 
@@ -14683,6 +14804,8 @@
             }
           });
         }
+
+        this.tableInitialized = true;
       }
     }, {
       key: "remoteFilterParams",
@@ -15151,10 +15274,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);
@@ -15536,12 +15661,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;
@@ -15550,6 +15677,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];
@@ -15560,7 +15692,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) {
@@ -15699,7 +15831,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) {
@@ -15708,7 +15840,7 @@
 
         return newDatetime.toFormat(outputFormat);
       } else {
-        if (invalid === true) {
+        if (invalid === true || !value) {
           return value;
         } else if (typeof invalid === "function") {
           return invalid(value);
@@ -15732,7 +15864,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 {
@@ -16731,7 +16863,11 @@
 
         if (index > -1) {
           var rowEl = row.getElement();
-          rowEl.parentNode.removeChild(rowEl);
+
+          if (rowEl.parentNode) {
+            rowEl.parentNode.removeChild(rowEl);
+          }
+
           this.rows.splice(index, 1);
         }
       }
@@ -16875,10 +17011,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",
@@ -17275,7 +17417,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) {
@@ -17394,7 +17536,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();
 
@@ -17569,6 +17716,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) {
@@ -17658,23 +17829,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;
         }
       }
     }, {
@@ -17736,23 +17890,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();
@@ -17765,7 +17925,7 @@
       key: "setGroupHeader",
       value: function setGroupHeader(values) {
         this.table.options.groupHeader = values;
-        this.initialize();
+        this.configureGroupSetup();
 
         if (this.table.options.groupBy) {
           this.refreshData();
@@ -17848,7 +18008,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);
 
@@ -18209,7 +18369,7 @@
           }
         }
 
-        this.history.action("rowDelete", row, {
+        this.action("rowDelete", row, {
           data: row.getData(),
           pos: !index,
           index: index
@@ -18364,7 +18524,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);
 
@@ -18404,7 +18564,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;
@@ -18472,12 +18632,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;
 
@@ -18825,7 +18983,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];
@@ -19575,7 +19733,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",
@@ -19714,7 +19874,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
@@ -19728,7 +19890,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();
@@ -19768,7 +19930,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);
             }
           });
@@ -19776,7 +19938,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);
             }
           });
@@ -20674,9 +20836,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
 
@@ -20687,7 +20846,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
@@ -20764,6 +20923,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") {
@@ -20884,7 +21044,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
           }
         }
       }
@@ -21124,7 +21284,7 @@
             this.page = 1;
           }
         }
-      } //set the maxmum page
+      } //set the maximum page
 
     }, {
       key: "setMaxPage",
@@ -21382,7 +21542,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) {
@@ -21406,7 +21566,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;
 
@@ -21426,7 +21586,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;
@@ -23321,9 +23481,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));
           }
         }
@@ -23563,9 +23723,7 @@
               this.childRowSelection(row, true);
             }
 
-            if (!silent) {
-              this.dispatchExternal("rowSelected", row.getComponent());
-            }
+            this.dispatchExternal("rowSelected", row.getComponent());
 
             this._rowSelectionChanged(silent);
           }
@@ -23639,9 +23797,7 @@
               this.childRowSelection(row, false);
             }
 
-            if (!silent) {
-              this.dispatchExternal("rowDeselected", row.getComponent());
-            }
+            this.dispatchExternal("rowDeselected", row.getComponent());
 
             self._rowSelectionChanged(silent);
           }
@@ -23830,8 +23986,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;
@@ -24219,7 +24375,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);