tabulator-tables 5.1.0 → 5.1.3

package/dist/js/tabulator_esm.js

@@ -1,4 +1,4 @@
-/* Tabulator v5.1.0 (c) Oliver Folkerd 2022 */
+/* Tabulator v5.1.3 (c) Oliver Folkerd 2022 */
 class CoreFeature{
 
 	constructor(table){
@@ -1653,7 +1653,7 @@ var defaultColumnOptions = {
 	"editableTitle": undefined,
 };
 
-class Column$1 extends CoreFeature{
+class Column extends CoreFeature{
 
 	constructor(def, parent){
 		super(parent.table);
@@ -1707,7 +1707,7 @@ class Column$1 extends CoreFeature{
 			this.isGroup = true;
 
 			this.definition.columns.forEach((def, i) => {
-				var newCol = new Column$1(def, this);
+				var newCol = new Column(def, this);
 				this.attachColumn(newCol);
 			});
 
@@ -1751,12 +1751,12 @@ class Column$1 extends CoreFeature{
 			}
 		}
 
-		this.definition = this.table.columnManager.optionsList.generate(Column$1.defaultOptionList, this.definition);
+		this.definition = this.table.columnManager.optionsList.generate(Column.defaultOptionList, this.definition);
 	}
 
 	checkDefinition(){
 		Object.keys(this.definition).forEach((key) => {
-			if(Column$1.defaultOptionList.indexOf(key) === -1){
+			if(Column.defaultOptionList.indexOf(key) === -1){
 				console.warn("Invalid column definition option in '" + (this.field || this.definition.title) + "' column:", key);
 			}
 		});
@@ -2680,7 +2680,7 @@ class Column$1 extends CoreFeature{
 	}
 }
 
-Column$1.defaultOptionList = defaultColumnOptions;
+Column.defaultOptionList = defaultColumnOptions;
 
 //public row object
 class RowComponent$1 {
@@ -3315,7 +3315,7 @@ class ColumnCalcs extends Module{
 	}
 
 	initialize(){
-		this.genColumn = new Column$1({field:"value"}, this);
+		this.genColumn = new Column({field:"value"}, this);
 
 		this.subscribe("cell-value-changed", this.cellValueChanged.bind(this));
 		this.subscribe("column-init", this.initializeColumnCheck.bind(this));
@@ -3324,7 +3324,7 @@ class ColumnCalcs extends Module{
 		this.subscribe("row-added", this.rowsUpdated.bind(this));
 		this.subscribe("column-moved", this.recalcActiveRows.bind(this));
 		this.subscribe("column-add", this.recalcActiveRows.bind(this));
-		this.subscribe("data-refreshed", this.recalcActiveRows.bind(this));
+		this.subscribe("data-refreshed", this.recalcActiveRowsRefresh.bind(this));
 		this.subscribe("table-redraw", this.tableRedraw.bind(this));
 		this.subscribe("rows-visible", this.visibleRows.bind(this));
 
@@ -3372,6 +3372,14 @@ class ColumnCalcs extends Module{
 		}
 	}
 
+	recalcActiveRowsRefresh(){
+		if(this.table.options.groupBy && this.table.options.dataTreeStartExpanded && this.table.options.dataTree){
+			this.recalcAll();
+		}else {
+			this.recalcActiveRows();
+		}
+	}
+
 	recalcActiveRows(){
 		this.recalc(this.table.rowManager.activeRows);
 	}
@@ -3379,7 +3387,6 @@ class ColumnCalcs extends Module{
 	cellValueChanged(cell){
 		if(cell.column.definition.topCalc || cell.column.definition.bottomCalc){
 			if(this.table.options.groupBy){
-
 				if(this.table.options.columnCalcs == "table" || this.table.options.columnCalcs == "both"){
 					this.recalcActiveRows();
 				}
@@ -3387,7 +3394,6 @@ class ColumnCalcs extends Module{
 				if(this.table.options.columnCalcs != "table"){
 					this.recalcRowGroup(cell.row);
 				}
-
 			}else {
 				this.recalcActiveRows();
 			}
@@ -3559,7 +3565,6 @@ class ColumnCalcs extends Module{
 
 			if(this.table.options.groupBy && this.table.options.columnCalcs !== "table"){
 
-
 				var groups = this.table.modules.groupRows.getChildGroups();
 
 				groups.forEach((group) => {
@@ -3604,12 +3609,12 @@ class ColumnCalcs extends Module{
 
 	rowsToData(rows){
 		var data = [];
-
+		
 		rows.forEach((row) => {
 			data.push(row.getData());
 
 			if(this.table.options.dataTree && this.table.options.dataTreeChildColumnCalcs){
-				if(row.modules.dataTree.open){
+				if(row.modules.dataTree && row.modules.dataTree.open){
 					var children = this.rowsToData(this.table.modules.dataTree.getFilteredTreeChildren(row));
 					data = data.concat(children);
 				}
@@ -4358,7 +4363,6 @@ class DataTree extends Module{
 	}
 
 	redrawNeeded(data){
-		console.log("needed?", data);
 		return (this.field ? typeof data[this.field] !== "undefined" : false) || (this.elementField ? typeof data[this.elementField] !== "undefined" : false);
 	}
 }
@@ -6757,7 +6761,7 @@ class Edit extends Module{
 		this.subscribe("column-layout", this.initializeColumnCheck.bind(this));
 		this.subscribe("column-delete", this.columnDeleteCheck.bind(this));
 		this.subscribe("row-deleting", this.rowDeleteCheck.bind(this));
-		this.subscribe("data-refeshing", this.cancelEdit.bind(this));
+		this.subscribe("data-refreshing", this.cancelEdit.bind(this));
 
 		this.subscribe("keybinding-nav-prev", this.navigatePrev.bind(this, undefined));
 		this.subscribe("keybinding-nav-next", this.keybindingNavigateNext.bind(this));
@@ -6779,7 +6783,7 @@ class Edit extends Module{
 		if(cell){
 			if(!this.navigateNext(cell, e)){
 				if(newRow){
-					// cell.getElement().firstChild.blur();
+					cell.getElement().firstChild.blur();
 
 					if(newRow === true){
 						newRow = this.table.addRow({});
@@ -7646,7 +7650,8 @@ class Export extends Module{
 
 			header.forEach((col) => {
 				if(col){
-					columns.push(new ExportColumn(col.title, col.column.getComponent(), col.width, col.height, col.depth));
+					let title = typeof col.title === "undefined" ? "" : col.title;
+					columns.push(new ExportColumn(title, col.column.getComponent(), col.width, col.height, col.depth));
 				}else {
 					columns.push(null);
 				}
@@ -8739,20 +8744,24 @@ class Filter extends Module{
 
 	//add filter to array
 	addFilter(field, type, value, params){
+		var changed = false;
 
 		if(!Array.isArray(field)){
 			field = [{field:field, type:type, value:value, params:params}];
 		}
 
 		field.forEach((filter) => {
-
 			filter = this.findFilter(filter);
 
 			if(filter){
 				this.filterList.push(filter);
-				this.changed = true;
+				changed = true;
 			}
 		});
+
+		if(changed){
+			this.trackChanges();
+		}
 	}
 
 	findFilter(filter){
@@ -9524,7 +9533,7 @@ function buttonCross(cell, formatterParams, onRendered){
 }
 
 function rownum(cell, formatterParams, onRendered){
-	return this.table.rowManager.activeRows.indexOf(cell.getRow()._getSelf()) + 1;
+	return this.table.rowManager.activeRows.indexOf(cell.getRow()._getSelf()) + 1 || "";
 }
 
 function handle(cell, formatterParams, onRendered){
@@ -9570,8 +9579,10 @@ function responsiveCollapse(cell, formatterParams, onRendered){
 
 function rowSelection(cell, formatterParams, onRendered){
 	var checkbox = document.createElement("input");
+	var blocked = false;
 
 	checkbox.type = 'checkbox';
+	
 
 	if(this.table.modExists("selectRow", true)){
 
@@ -9585,9 +9596,24 @@ function rowSelection(cell, formatterParams, onRendered){
 			if(row instanceof RowComponent$1){
 
 				checkbox.addEventListener("change", (e) => {
-					row.toggleSelect();
+					if(this.table.options.selectableRangeMode === "click"){
+						if(!blocked){
+							row.toggleSelect();
+						}else {
+							blocked = false;
+						}
+					}else {
+						row.toggleSelect();
+					}
 				});
 
+				if(this.table.options.selectableRangeMode === "click"){
+					checkbox.addEventListener("click", (e) => {
+						blocked = true;
+						this.table.modules.selectRow.handleComplexRowClick(row._row, e);
+					});
+				}
+
 				checkbox.checked = row.isSelected && row.isSelected();
 				this.table.modules.selectRow.registerRowSelectCheckbox(row, checkbox);
 			}else {
@@ -9849,6 +9875,7 @@ class FrozenColumns extends Module{
 		this.initializationMode = "left";
 		this.active = false;
 		this.scrollEndTimer = false;
+		this.blocked = true;
 
 		this.registerColumnOption("frozen");
 	}
@@ -9876,6 +9903,16 @@ class FrozenColumns extends Module{
 		this.subscribe("scroll-horizontal", this.scrollHorizontal.bind(this));
 		this.subscribe("columns-loading", this.reset.bind(this));
 		this.subscribe("table-redraw", this.layout.bind(this));
+		this.subscribe("layout-refreshing", this.blockLayout.bind(this));
+		this.subscribe("layout-refreshed", this.unblockLayout.bind(this));
+	}
+
+	blockLayout(){
+		this.blocked = true;
+	}
+
+	unblockLayout(){
+		this.blocked = false;
 	}
 
 	layoutCell(cell){
@@ -10058,11 +10095,10 @@ class FrozenColumns extends Module{
 		return column.parent.isGroup ? this.getColGroupParentElement(column.parent) : column.getElement();
 	}
 
-	//layout columns appropropriatly
+	//layout columns appropriately
 	layout(){
 
-		if(this.active){
-
+		if(this.active && !this.blocked){
 			//calculate row padding
 			this.calcMargins();
 
@@ -10086,6 +10122,10 @@ class FrozenColumns extends Module{
 
 		rowEl.style.paddingLeft = this.leftMargin;
 
+		if(this.table.options.layout === "fitDataFill" && this.rightColumns.length){
+			this.table.rowManager.getTableElement().style.minWidth = "calc(100% - " + this.rightMargin + ")";
+		}
+
 		this.leftColumns.forEach((column) => {
 			var cell = row.getCell(column);
 
@@ -10267,7 +10307,7 @@ class GroupComponent {
 				if (typeof target[name] !== "undefined") {
 					return target[name];
 				}else {
-					return target._group.table.componentFunctionBinder.handle("row", target._group, name)
+					return target._group.groupManager.table.componentFunctionBinder.handle("row", target._group, name)
 				}
 			}
 		})
@@ -10324,7 +10364,7 @@ class GroupComponent {
 
 //Group functions
 class Group{
-
+	
 	constructor(groupManager, parent, level, key, field, generator, oldGroup){
 		this.groupManager = groupManager;
 		this.parent = parent;
@@ -10348,17 +10388,17 @@ class Group{
 		this.initialized = false;
 		this.modules = {};
 		this.arrowElement = false;
-
+		
 		this.visible = oldGroup ? oldGroup.visible : (typeof groupManager.startOpen[level] !== "undefined" ? groupManager.startOpen[level] : groupManager.startOpen[0]);
-
+		
 		this.component = null;
-
+		
 		this.createElements();
 		this.addBindings();
-
+		
 		this.createValueGroups();
 	}
-
+	
 	wipe(){
 		if(this.groupList.length){
 			this.groupList.forEach(function(group){
@@ -10371,32 +10411,32 @@ class Group{
 				}
 			});
 		}
-
+		
 		this.element = false;
 		this.arrowElement = false;
 		this.elementContents = false;
 	}
-
+	
 	createElements(){
 		var arrow = document.createElement("div");
 		arrow.classList.add("tabulator-arrow");
-
+		
 		this.element = document.createElement("div");
 		this.element.classList.add("tabulator-row");
 		this.element.classList.add("tabulator-group");
 		this.element.classList.add("tabulator-group-level-" + this.level);
 		this.element.setAttribute("role", "rowgroup");
-
+		
 		this.arrowElement = document.createElement("div");
 		this.arrowElement.classList.add("tabulator-group-toggle");
 		this.arrowElement.appendChild(arrow);
-
+		
 		//setup movable rows
 		if(this.groupManager.table.options.movableRows !== false && this.groupManager.table.modExists("moveRow")){
 			this.groupManager.table.modules.moveRow.initializeGroupHeader(this);
 		}
 	}
-
+	
 	createValueGroups(){
 		var level = this.level + 1;
 		if(this.groupManager.allowedValues && this.groupManager.allowedValues[level]){
@@ -10405,13 +10445,13 @@ class Group{
 			});
 		}
 	}
-
+	
 	addBindings(){
 		var toggleElement;
-
+		
 		if(this.groupManager.table.options.groupToggleElement){
 			toggleElement = this.groupManager.table.options.groupToggleElement == "arrow" ? this.arrowElement : this.element;
-
+			
 			toggleElement.addEventListener("click", (e) => {
 				e.stopPropagation();
 				e.stopImmediatePropagation();
@@ -10419,23 +10459,23 @@ class Group{
 			});
 		}
 	}
-
+	
 	_createGroup(groupID, level){
 		var groupKey = level + "_" + groupID;
 		var group = new Group(this.groupManager, this, level, groupID,  this.groupManager.groupIDLookups[level].field, this.groupManager.headerGenerator[level] || this.groupManager.headerGenerator[0], this.old ? this.old.groups[groupKey] : false);
-
+		
 		this.groups[groupKey] = group;
 		this.groupList.push(group);
 	}
-
+	
 	_addRowToGroup(row){
-
+		
 		var level = this.level + 1;
-
+		
 		if(this.hasSubGroups){
 			var groupID = this.groupManager.groupIDLookups[level].func(row.getData()),
 			groupKey = level + "_" + groupID;
-
+			
 			if(this.groupManager.allowedValues && this.groupManager.allowedValues[level]){
 				if(this.groups[groupKey]){
 					this.groups[groupKey].addRow(row);
@@ -10444,24 +10484,24 @@ class Group{
 				if(!this.groups[groupKey]){
 					this._createGroup(groupID, level);
 				}
-
+				
 				this.groups[groupKey].addRow(row);
 			}
 		}
 	}
-
+	
 	_addRow(row){
 		this.rows.push(row);
 		row.modules.group = this;
 	}
-
+	
 	insertRow(row, to, after){
 		var data = this.conformRowData({});
-
+		
 		row.updateData(data);
-
+		
 		var toIndex = this.rows.indexOf(to);
-
+		
 		if(toIndex > -1){
 			if(after){
 				this.rows.splice(toIndex+1, 0, row);
@@ -10475,28 +10515,30 @@ class Group{
 				this.rows.unshift(row);
 			}
 		}
-
+		
 		row.modules.group = this;
-
+		
 		this.generateGroupHeaderContents();
-
+		
 		if(this.groupManager.table.modExists("columnCalcs") && this.groupManager.table.options.columnCalcs != "table"){
 			this.groupManager.table.modules.columnCalcs.recalcGroup(this);
 		}
-
+		
 		this.groupManager.updateGroupRows(true);
 	}
-
+	
 	scrollHeader(left){
-		this.arrowElement.style.marginLeft = left;
-
-		this.groupList.forEach(function(child){
-			child.scrollHeader(left);
-		});
+		if(this.arrowElement){
+			this.arrowElement.style.marginLeft = left;
+			
+			this.groupList.forEach(function(child){
+				child.scrollHeader(left);
+			});
+		}
 	}
-
+	
 	getRowIndex(row){}
-
+	
 	//update row data to match grouping contraints
 	conformRowData(data){
 		if(this.field){
@@ -10504,59 +10546,59 @@ class Group{
 		}else {
 			console.warn("Data Conforming Error - Cannot conform row data to match new group as groupBy is a function");
 		}
-
+		
 		if(this.parent){
 			data = this.parent.conformRowData(data);
 		}
-
+		
 		return data;
 	}
-
+	
 	removeRow(row){
 		var index = this.rows.indexOf(row);
 		var el = row.getElement();
-
-
+		
+		
 		if(index > -1){
 			this.rows.splice(index, 1);
 		}
-
+		
 		if(!this.groupManager.table.options.groupValues && !this.rows.length){
 			if(this.parent){
 				this.parent.removeGroup(this);
 			}else {
 				this.groupManager.removeGroup(this);
 			}
-
+			
 			this.groupManager.updateGroupRows(true);
 		}else {
-
+			
 			if(el.parentNode){
 				el.parentNode.removeChild(el);
 			}
-
+			
 			this.generateGroupHeaderContents();
 			
 			if(this.groupManager.table.modExists("columnCalcs") && this.groupManager.table.options.columnCalcs != "table"){
 				this.groupManager.table.modules.columnCalcs.recalcGroup(this);
 			}
-
+			
 		}
 	}
-
+	
 	removeGroup(group){
 		var groupKey = group.level + "_" + group.key,
 		index;
-
+		
 		if(this.groups[groupKey]){
 			delete this.groups[groupKey];
-
+			
 			index = this.groupList.indexOf(group);
-
+			
 			if(index > -1){
 				this.groupList.splice(index, 1);
 			}
-
+			
 			if(!this.groupList.length){
 				if(this.parent){
 					this.parent.removeGroup(this);
@@ -10566,66 +10608,66 @@ class Group{
 			}
 		}
 	}
-
+	
 	getHeadersAndRows(noCalc){
 		var output = [];
-
+		
 		output.push(this);
-
+		
 		this._visSet();
-
+		
 		if(this.visible){
 			if(this.groupList.length){
 				this.groupList.forEach(function(group){
 					output = output.concat(group.getHeadersAndRows(noCalc));
 				});
-
+				
 			}else {
 				if(!noCalc && this.groupManager.table.options.columnCalcs != "table" && this.groupManager.table.modExists("columnCalcs") && this.groupManager.table.modules.columnCalcs.hasTopCalcs()){
 					if(this.calcs.top){
 						this.calcs.top.detachElement();
 						this.calcs.top.deleteCells();
 					}
-
+					
 					this.calcs.top = this.groupManager.table.modules.columnCalcs.generateTopRow(this.rows);
 					output.push(this.calcs.top);
 				}
-
+				
 				output = output.concat(this.rows);
-
+				
 				if(!noCalc && this.groupManager.table.options.columnCalcs != "table" &&  this.groupManager.table.modExists("columnCalcs") && this.groupManager.table.modules.columnCalcs.hasBottomCalcs()){
 					if(this.calcs.bottom){
 						this.calcs.bottom.detachElement();
 						this.calcs.bottom.deleteCells();
 					}
-
+					
 					this.calcs.bottom = this.groupManager.table.modules.columnCalcs.generateBottomRow(this.rows);
 					output.push(this.calcs.bottom);
 				}
 			}
 		}else {
 			if(!this.groupList.length && this.groupManager.table.options.columnCalcs != "table"){
-
+				
 				if(this.groupManager.table.modExists("columnCalcs")){
-
+					
 					if(!noCalc && this.groupManager.table.modules.columnCalcs.hasTopCalcs()){
 						if(this.calcs.top){
 							this.calcs.top.detachElement();
 							this.calcs.top.deleteCells();
 						}
-
+						
 						if(this.groupManager.table.options.groupClosedShowCalcs){
 							this.calcs.top = this.groupManager.table.modules.columnCalcs.generateTopRow(this.rows);
 							output.push(this.calcs.top);
 						}
 					}
-
+					
 					if(!noCalc && this.groupManager.table.modules.columnCalcs.hasBottomCalcs()){
 						if(this.calcs.bottom){
 							this.calcs.bottom.detachElement();
 							this.calcs.bottom.deleteCells();
 						}
-
+						
 						if(this.groupManager.table.options.groupClosedShowCalcs){
 							this.calcs.bottom = this.groupManager.table.modules.columnCalcs.generateBottomRow(this.rows);
 							output.push(this.calcs.bottom);
@@ -10633,29 +10675,29 @@ class Group{
 					}
 				}
 			}
-
+			
 		}
-
+		
 		return output;
 	}
-
+	
 	getData(visible, transform){
 		var output = [];
-
+		
 		this._visSet();
-
+		
 		if(!visible || (visible && this.visible)){
 			this.rows.forEach((row) => {
 				output.push(row.getData(transform || "data"));
 			});
 		}
-
+		
 		return output;
 	}
-
+	
 	getRowCount(){
 		var count = 0;
-
+		
 		if(this.groupList.length){
 			this.groupList.forEach((group) => {
 				count += group.getRowCount();
@@ -10665,7 +10707,7 @@ class Group{
 		}
 		return count;
 	}
-
+	
 	toggleVisibility(){
 		if(this.visible){
 			this.hide();
@@ -10673,55 +10715,55 @@ class Group{
 			this.show();
 		}
 	}
-
+	
 	hide(){
 		this.visible = false;
-
+		
 		if(this.groupManager.table.rowManager.getRenderMode() == "classic" && !this.groupManager.table.options.pagination){
-
+			
 			this.element.classList.remove("tabulator-group-visible");
-
+			
 			if(this.groupList.length){
 				this.groupList.forEach((group) => {
-
+					
 					var rows = group.getHeadersAndRows();
-
+					
 					rows.forEach((row) => {
 						row.detachElement();
 					});
 				});
-
+				
 			}else {
 				this.rows.forEach((row) => {
 					var rowEl = row.getElement();
 					rowEl.parentNode.removeChild(rowEl);
 				});
 			}
-
+			
 			this.groupManager.table.rowManager.setDisplayRows(this.groupManager.updateGroupRows(), this.groupManager.getDisplayIndex());
-
+			
 			this.groupManager.table.rowManager.checkClassicModeGroupHeaderWidth();
-
+			
 		}else {
 			this.groupManager.updateGroupRows(true);
 		}
-
+		
 		this.groupManager.table.externalEvents.dispatch("groupVisibilityChanged", this.getComponent(), false);
 	}
-
+	
 	show(){
 		this.visible = true;
-
+		
 		if(this.groupManager.table.rowManager.getRenderMode() == "classic" && !this.groupManager.table.options.pagination){
-
+			
 			this.element.classList.add("tabulator-group-visible");
-
+			
 			var prev = this.generateElement();
-
+			
 			if(this.groupList.length){
 				this.groupList.forEach((group) => {
 					var rows = group.getHeadersAndRows();
-
+					
 					rows.forEach((row) => {
 						var rowEl = row.getElement();
 						prev.parentNode.insertBefore(rowEl, prev.nextSibling);
@@ -10729,7 +10771,7 @@ class Group{
 						prev = rowEl;
 					});
 				});
-
+				
 			}else {
 				this.rows.forEach((row) => {
 					var rowEl = row.getElement();
@@ -10738,36 +10780,36 @@ class Group{
 					prev = rowEl;
 				});
 			}
-
+			
 			this.groupManager.table.rowManager.setDisplayRows(this.groupManager.updateGroupRows(), this.groupManager.getDisplayIndex());
-
+			
 			this.groupManager.table.rowManager.checkClassicModeGroupHeaderWidth();
 		}else {
 			this.groupManager.updateGroupRows(true);
 		}
-
+		
 		this.groupManager.table.externalEvents.dispatch("groupVisibilityChanged", this.getComponent(), true);
 	}
-
+	
 	_visSet(){
 		var data = [];
-
+		
 		if(typeof this.visible == "function"){
-
+			
 			this.rows.forEach(function(row){
 				data.push(row.getData());
 			});
-
+			
 			this.visible = this.visible(this.key, this.getRowCount(), data, this.getComponent());
 		}
 	}
-
+	
 	getRowGroup(row){
 		var match = false;
 		if(this.groupList.length){
 			this.groupList.forEach(function(group){
 				var result = group.getRowGroup(row);
-
+				
 				if(result){
 					match = result;
 				}
@@ -10779,50 +10821,50 @@ class Group{
 				match = this;
 			}
 		}
-
+		
 		return match;
 	}
-
+	
 	getSubGroups(component){
 		var output = [];
-
+		
 		this.groupList.forEach(function(child){
 			output.push(component ? child.getComponent() : child);
 		});
-
+		
 		return output;
 	}
-
+	
 	getRows(compoment){
 		var output = [];
-
+		
 		this.rows.forEach(function(row){
 			output.push(compoment ? row.getComponent() : row);
 		});
-
+		
 		return output;
 	}
-
+	
 	generateGroupHeaderContents(){
 		var data = [];
-
+		
 		this.rows.forEach(function(row){
 			data.push(row.getData());
 		});
-
+		
 		this.elementContents = this.generator(this.key, this.getRowCount(), data, this.getComponent());
-
+		
 		while(this.element.firstChild) this.element.removeChild(this.element.firstChild);
-
+		
 		if(typeof this.elementContents === "string"){
 			this.element.innerHTML = this.elementContents;
 		}else {
 			this.element.appendChild(this.elementContents);
 		}
-
+		
 		this.element.insertBefore(this.arrowElement, this.element.firstChild);
 	}
-
+	
 	getPath(path = []) {
 		path.unshift(this.key);
 		if(this.parent) {
@@ -10830,94 +10872,94 @@ class Group{
 		}
 		return path;
 	}
-
+	
 	////////////// Standard Row Functions //////////////
-
+	
 	getElement(){
 		return this.elementContents ? this.element : this.generateElement();
 	}
-
+	
 	generateElement(){
 		this.addBindings = false;
-
+		
 		this._visSet();
-
+		
 		if(this.visible){
 			this.element.classList.add("tabulator-group-visible");
 		}else {
 			this.element.classList.remove("tabulator-group-visible");
 		}
-
+		
 		for(var i = 0; i < this.element.childNodes.length; ++i){
 			this.element.childNodes[i].parentNode.removeChild(this.element.childNodes[i]);
 		}
-
+		
 		this.generateGroupHeaderContents();
-
+		
 		// this.addBindings();
-
+		
 		return this.element;
 	}
-
+	
 	detachElement(){
 		if (this.element && this.element.parentNode){
 			this.element.parentNode.removeChild(this.element);
 		}
 	}
-
+	
 	//normalize the height of elements in the row
 	normalizeHeight(){
 		this.setHeight(this.element.clientHeight);
 	}
-
+	
 	initialize(force){
 		if(!this.initialized || force){
 			this.normalizeHeight();
 			this.initialized = true;
 		}
 	}
-
+	
 	reinitialize(){
 		this.initialized = false;
 		this.height = 0;
-
+		
 		if(Helpers.elVisible(this.element)){
 			this.initialize(true);
 		}
 	}
-
+	
 	setHeight(height){
 		if(this.height != height){
 			this.height = height;
 			this.outerHeight = this.element.offsetHeight;
 		}
 	}
-
+	
 	//return rows outer height
 	getHeight(){
 		return this.outerHeight;
 	}
-
+	
 	getGroup(){
 		return this;
 	}
-
+	
 	reinitializeHeight(){}
-
+	
 	calcHeight(){}
-
+	
 	setCellHeight(){}
-
+	
 	clearCellHeight(){}
-
+	
 	deinitializeHeight(){}
-
+	
 	//////////////// Object Generation /////////////////
 	getComponent(){
 		if(!this.component){
 			this.component = new GroupComponent(this);
 		}
-
+		
 		return this.component;
 	}
 }
@@ -12087,9 +12129,7 @@ class Import extends Module{
 
     structureData(parsedData){
         var data = [];
-
-        console.log("structure", parsedData);
-
+        
         if(Array.isArray(parsedData) && parsedData.length && Array.isArray(parsedData[0])){
             if(this.table.options.autoColumns){
                 data = this.structureArrayToObject(parsedData);
@@ -12449,7 +12489,7 @@ class Interaction extends Module{
 
 			if(component instanceof Cell){
 				callback = component.column.definition[action];
-			}else if(component instanceof Column$1){
+			}else if(component instanceof Column){
 				callback = component.definition[action];
 			}
 
@@ -14338,10 +14378,13 @@ class Page extends Module{
 	initialize(){
 		if(this.table.options.pagination){
 			this.subscribe("row-deleted", this.rowsUpdated.bind(this));
-			this.subscribe("row-adding-position", this.rowAddingPosition.bind(this));
 			this.subscribe("row-added", this.rowsUpdated.bind(this));
 			this.subscribe("data-processed", this.initialLoadComplete.bind(this));
 			this.subscribe("table-built", this.calculatePageSizes.bind(this));
+
+			if(this.table.options.paginationAddRow == "page"){
+				this.subscribe("row-adding-position", this.rowAddingPosition.bind(this));
+			}
 			
 			if(this.table.options.paginationMode === "remote"){
 				this.subscribe("data-params", this.remotePageParams.bind(this));
@@ -15095,9 +15138,11 @@ class Page extends Module{
 					margin = this.table.options.progressiveLoadScrollMargin || (this.table.rowManager.element.clientHeight * 2);
 					
 					if(this.table.rowManager.element.scrollHeight <= (this.table.rowManager.element.clientHeight + margin)){
-						setTimeout(() => {
-							this.nextPage();
-						});
+						if(this.page < this.max){
+							setTimeout(() => {
+								this.nextPage();
+							});
+						}
 					}
 					break;
 				}
@@ -15153,12 +15198,12 @@ var defaultReaders = {
 
 		//if cookie exists, decode and load column data into tabulator
 		if(cookiePos > -1){
-			cookie = cookie.substr(cookiePos);
+			cookie = cookie.slice(cookiePos);
 
 			end = cookie.indexOf(";");
 
 			if(end > -1){
-				cookie = cookie.substr(0, end);
+				cookie = cookie.slice(0, end);
 			}
 
 			data = cookie.replace(key + "=", "");
@@ -15310,11 +15355,11 @@ class Persistence extends Module{
 				this.subscribe("column-show", this.save.bind(this, "columns"));
 				this.subscribe("column-hide", this.save.bind(this, "columns"));
 				this.subscribe("column-moved", this.save.bind(this, "columns"));
-				this.subscribe("table-built", this.tableBuilt.bind(this), 0);
 			}
 
-			this.subscribe("table-redraw", this.tableRedraw.bind(this));
+			this.subscribe("table-built", this.tableBuilt.bind(this), 0);
 
+			this.subscribe("table-redraw", this.tableRedraw.bind(this));
 
 			this.subscribe("filter-changed", this.eventSave.bind(this, "filter"));
 			this.subscribe("sort-changed", this.eventSave.bind(this, "sort"));
@@ -15342,7 +15387,7 @@ class Persistence extends Module{
 			sorters = this.load("sort");
 
 			if(!sorters === false){
-				this.table.initialSort = sorters;
+				this.table.options.initialSort = sorters;
 			}
 		}
 
@@ -15350,7 +15395,7 @@ class Persistence extends Module{
 			filters = this.load("filter");
 
 			if(!filters === false){
-				this.table.initialFilter = filters;
+				this.table.options.initialFilter = filters;
 			}
 		}
 	}
@@ -15627,6 +15672,8 @@ class Persistence extends Module{
 
 Persistence.moduleName = "persistence";
 
+Persistence.moduleInitOrder = 1;
+
 //load defaults
 Persistence.readers = defaultReaders;
 Persistence.writers = defaultWriters;
@@ -16093,186 +16140,196 @@ class ReactiveData extends Module{
 ReactiveData.moduleName = "reactiveData";
 
 class ResizeColumns extends Module{
-
+	
 	constructor(table){
 		super(table);
-
+		
 		this.startColumn = false;
 		this.startX = false;
 		this.startWidth = false;
 		this.handle = null;
 		this.prevHandle = null;
-
+		
 		this.registerColumnOption("resizable", true);
 	}
-
+	
 	initialize(){
 		// if(this.table.options.resizableColumns){
-			this.subscribe("cell-layout", this.layoutCellHandles.bind(this));
-			this.subscribe("column-init", this.layoutColumnHeader.bind(this));
+		this.subscribe("cell-layout", this.layoutCellHandles.bind(this));
+		this.subscribe("column-init", this.layoutColumnHeader.bind(this));
 		// }
 	}
-
+	
 	layoutCellHandles(cell){
 		if(cell.row.type === "row"){
 			this.initializeColumn("cell", cell.column, cell.element);
 		}
 	}
-
+	
 	layoutColumnHeader(column){
 		this.initializeColumn("header", column, column.element);
 	}
-
+	
 	initializeColumn(type, column, element){
 		var self = this,
 		variableHeight = false,
 		mode = column.definition.resizable;
-
+		
 		//set column resize mode
 		if(type === "header"){
 			variableHeight = column.definition.formatter == "textarea" || column.definition.variableHeight;
 			column.modules.resize = {variableHeight:variableHeight};
 		}
-
+		
 		if(mode === true || mode == type){
-
+			
 			var handle = document.createElement('div');
 			handle.className = "tabulator-col-resize-handle";
-
-
+			
+			
 			var prevHandle = document.createElement('div');
 			prevHandle.className = "tabulator-col-resize-handle prev";
-
+			
 			handle.addEventListener("click", function(e){
 				e.stopPropagation();
 			});
-
+			
 			var handleDown = function(e){
 				var nearestColumn = column.getLastColumn();
-
+				
 				if(nearestColumn && self._checkResizability(nearestColumn)){
 					self.startColumn = column;
 					self._mouseDown(e, nearestColumn, handle);
 				}
 			};
-
+			
 			handle.addEventListener("mousedown", handleDown);
 			handle.addEventListener("touchstart", handleDown, {passive: true});
-
+			
 			//reszie column on  double click
 			handle.addEventListener("dblclick", function(e){
-				var col = column.getLastColumn();
-
+				var col = column.getLastColumn(),
+				oldWidth;
+				
 				if(col && self._checkResizability(col)){
+					oldWidth = col.getWidth();
+
 					e.stopPropagation();
 					col.reinitializeWidth(true);
+
+					if(oldWidth !== col.getWidth()){
+						self.dispatch("column-resized", col);
+						self.table.externalEvents.dispatch("columnResized", col.getComponent());
+					}
 				}
 			});
-
-
+			
+			
 			prevHandle.addEventListener("click", function(e){
 				e.stopPropagation();
 			});
-
+			
 			var prevHandleDown = function(e){
 				var nearestColumn, colIndex, prevColumn;
-
+				
 				nearestColumn = column.getFirstColumn();
-
+				
 				if(nearestColumn){
 					colIndex = self.table.columnManager.findColumnIndex(nearestColumn);
 					prevColumn = colIndex > 0 ? self.table.columnManager.getColumnByIndex(colIndex - 1) : false;
-
+					
 					if(prevColumn && self._checkResizability(prevColumn)){
 						self.startColumn = column;
 						self._mouseDown(e, prevColumn, prevHandle);
 					}
 				}
 			};
-
+			
 			prevHandle.addEventListener("mousedown", prevHandleDown);
 			prevHandle.addEventListener("touchstart", prevHandleDown, {passive: true});
-
+			
 			//resize column on double click
 			prevHandle.addEventListener("dblclick", function(e){
 				var nearestColumn, colIndex, prevColumn;
-
+				
 				nearestColumn = column.getFirstColumn();
-
+				
 				if(nearestColumn){
 					colIndex = self.table.columnManager.findColumnIndex(nearestColumn);
 					prevColumn = colIndex > 0 ? self.table.columnManager.getColumnByIndex(colIndex - 1) : false;
-
+					
 					if(prevColumn && self._checkResizability(prevColumn)){
 						e.stopPropagation();
 						prevColumn.reinitializeWidth(true);
 					}
 				}
 			});
-
+			
 			element.appendChild(handle);
 			element.appendChild(prevHandle);
 		}
 	}
-
+	
 	_checkResizability(column){
 		return column.definition.resizable;
 	}
-
+	
 	_mouseDown(e, column, handle){
 		var self = this;
-
+		
 		self.table.element.classList.add("tabulator-block-select");
 
 		function mouseMove(e){
 			// self.table.columnManager.tempScrollBlock();
-
+			
 			if(self.table.rtl){
 				column.setWidth(self.startWidth - ((typeof e.screenX === "undefined" ? e.touches[0].screenX : e.screenX) - self.startX));
 			}else {
 				column.setWidth(self.startWidth + ((typeof e.screenX === "undefined" ? e.touches[0].screenX : e.screenX) - self.startX));
 			}
-
+			
 			self.table.columnManager.renderer.rerenderColumns(true);
-
+			
 			if(!self.table.browserSlow && column.modules.resize && column.modules.resize.variableHeight){
 				column.checkCellHeights();
 			}
 		}
-
+		
 		function mouseUp(e){
-
+			
 			//block editor from taking action while resizing is taking place
 			if(self.startColumn.modules.edit){
 				self.startColumn.modules.edit.blocked = false;
 			}
-
+			
 			if(self.table.browserSlow && column.modules.resize && column.modules.resize.variableHeight){
 				column.checkCellHeights();
 			}
-
+			
 			document.body.removeEventListener("mouseup", mouseUp);
 			document.body.removeEventListener("mousemove", mouseMove);
-
+			
 			handle.removeEventListener("touchmove", mouseMove);
 			handle.removeEventListener("touchend", mouseUp);
-
+			
 			self.table.element.classList.remove("tabulator-block-select");
 
-			self.dispatch("column-resized", column);
-			self.table.externalEvents.dispatch("columnResized", column.getComponent());
+			if(self.startWidth !== column.getWidth()){
+				self.dispatch("column-resized", column);
+				self.table.externalEvents.dispatch("columnResized", column.getComponent());
+			}
 		}
-
+		
 		e.stopPropagation(); //prevent resize from interfereing with movable columns
-
+		
 		//block editor from taking action while resizing is taking place
 		if(self.startColumn.modules.edit){
 			self.startColumn.modules.edit.blocked = true;
 		}
-
+		
 		self.startX = typeof e.screenX === "undefined" ? e.touches[0].screenX : e.screenX;
 		self.startWidth = column.getWidth();
-
+		
 		document.body.addEventListener("mousemove", mouseMove);
 		document.body.addEventListener("mouseup", mouseUp);
 		handle.addEventListener("touchmove", mouseMove, {passive: true});
@@ -16577,14 +16634,14 @@ class ResponsiveLayout extends Module{
 		this.hiddenColumns = [];
 
 		//determine level of responsivity for each column
-		this.table.columnManager.columnsByIndex.forEach(function(column, i){
+		this.table.columnManager.columnsByIndex.forEach((column, i) => {
 			if(column.modules.responsive){
 				if(column.modules.responsive.order && column.modules.responsive.visible){
 					column.modules.responsive.index = i;
 					columns.push(column);
 
-					if(!column.visible && self.mode === "collapse"){
-						self.hiddenColumns.push(column);
+					if(!column.visible && this.mode === "collapse"){
+						this.hiddenColumns.push(column);
 					}
 				}
 			}
@@ -16592,7 +16649,7 @@ class ResponsiveLayout extends Module{
 
 		//sort list by responsivity
 		columns = columns.reverse();
-		columns = columns.sort(function(a, b){
+		columns = columns.sort((a, b) => {
 			var diff = b.modules.responsive.order - a.modules.responsive.order;
 			return diff || (b.modules.responsive.index - a.modules.responsive.index);
 		});
@@ -16838,7 +16895,7 @@ class ResponsiveLayout extends Module{
 			var titleHighlight = document.createElement("strong");
 			titleData.appendChild(titleHighlight);
 			this.langBind("columns|" + item.field, function(text){
-				titleHighlight.innerText = text || item.title;
+				titleHighlight.innerHTML = text || item.title;
 			});
 
 			if(item.value instanceof Node){
@@ -16861,179 +16918,130 @@ class ResponsiveLayout extends Module{
 ResponsiveLayout.moduleName = "responsiveLayout";
 
 class SelectRow extends Module{
-
+	
 	constructor(table){
 		super(table);
-
+		
 		this.selecting = false; //flag selecting in progress
 		this.lastClickedRow = false; //last clicked row
 		this.selectPrev = []; //hold previously selected element for drag drop selection
 		this.selectedRows = []; //hold selected rows
 		this.headerCheckboxElement = null; // hold header select element
-
+		
 		this.registerTableOption("selectable", "highlight"); //highlight rows on hover
 		this.registerTableOption("selectableRangeMode", "drag");  //highlight rows on hover
 		this.registerTableOption("selectableRollingSelection", true); //roll selection once maximum number of selectable rows is reached
 		this.registerTableOption("selectablePersistence", true); // maintain selection when table view is updated
 		this.registerTableOption("selectableCheck", function(data, row){return true;}); //check wheather row is selectable
-
+		
 		this.registerTableFunction("selectRow", this.selectRows.bind(this));
 		this.registerTableFunction("deselectRow", this.deselectRows.bind(this));
 		this.registerTableFunction("toggleSelectRow", this.toggleRow.bind(this));
 		this.registerTableFunction("getSelectedRows", this.getSelectedRows.bind(this));
 		this.registerTableFunction("getSelectedData", this.getSelectedData.bind(this));
-
+		
 		//register component functions
 		this.registerComponentFunction("row", "select", this.selectRows.bind(this));
 		this.registerComponentFunction("row", "deselect", this.deselectRows.bind(this));
 		this.registerComponentFunction("row", "toggleSelect", this.toggleRow.bind(this));
 		this.registerComponentFunction("row", "isSelected", this.isRowSelected.bind(this));
 	}
-
+	
 	initialize(){
 		if(this.table.options.selectable !== false){
 			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.rowRetrieve.bind(this));
-
+			
 			if(this.table.options.selectable && !this.table.options.selectablePersistence){
-				this.subscribe("data-refeshing", this.deselectRows.bind(this));
+				this.subscribe("data-refreshing", this.deselectRows.bind(this));
 			}
 		}
 	}
-
+	
 	rowRetrieve(type, prevValue){
 		return type === "selected" ? this.selectedRows : prevValue;
 	}
-
+	
 	rowDeleted(row){
 		this._deselectRow(row, true);
 	}
-
+	
 	clearSelectionData(silent){
 		this.selecting = false;
 		this.lastClickedRow = false;
 		this.selectPrev = [];
 		this.selectedRows = [];
-
+		
 		if(silent !== true){
 			this._rowSelectionChanged();
 		}
 	}
-
+	
 	initializeRow(row){
 		var self = this,
 		element = row.getElement();
-
+		
 		// trigger end of row selection
 		var endSelect = function(){
-
+			
 			setTimeout(function(){
 				self.selecting = false;
 			}, 50);
-
+			
 			document.body.removeEventListener("mouseup", endSelect);
 		};
-
+		
 		row.modules.select = {selected:false};
-
+		
 		//set row selection class
 		if(self.table.options.selectableCheck.call(this.table, row.getComponent())){
 			element.classList.add("tabulator-selectable");
 			element.classList.remove("tabulator-unselectable");
-
+			
 			if(self.table.options.selectable && self.table.options.selectable != "highlight"){
 				if(self.table.options.selectableRangeMode === "click"){
-					element.addEventListener("click", function(e){
-						if(e.shiftKey){
-							self.table._clearSelection();
-							self.lastClickedRow = self.lastClickedRow || row;
-
-							var lastClickedRowIdx = self.table.rowManager.getDisplayRowIndex(self.lastClickedRow);
-							var rowIdx = self.table.rowManager.getDisplayRowIndex(row);
-
-							var fromRowIdx = lastClickedRowIdx <= rowIdx ? lastClickedRowIdx : rowIdx;
-							var toRowIdx = lastClickedRowIdx >= rowIdx ? lastClickedRowIdx : rowIdx;
-
-							var rows = self.table.rowManager.getDisplayRows().slice(0);
-							var toggledRows = rows.splice(fromRowIdx, toRowIdx - fromRowIdx + 1);
-
-							if(e.ctrlKey || e.metaKey){
-								toggledRows.forEach(function(toggledRow){
-									if(toggledRow !== self.lastClickedRow){
-
-										if(self.table.options.selectable !== true && !self.isRowSelected(row)){
-											if(self.selectedRows.length < self.table.options.selectable){
-												self.toggleRow(toggledRow);
-											}
-										}else {
-											self.toggleRow(toggledRow);
-										}
-									}
-								});
-								self.lastClickedRow = row;
-							}else {
-								self.deselectRows(undefined, true);
-
-								if(self.table.options.selectable !== true){
-									if(toggledRows.length > self.table.options.selectable){
-										toggledRows = toggledRows.slice(0, self.table.options.selectable);
-									}
-								}
-
-								self.selectRows(toggledRows);
-							}
-							self.table._clearSelection();
-						}
-						else if(e.ctrlKey || e.metaKey){
-							self.toggleRow(row);
-							self.lastClickedRow = row;
-						}else {
-							self.deselectRows(undefined, true);
-							self.selectRows(row);
-							self.lastClickedRow = row;
-						}
-					});
+					element.addEventListener("click", this.handleComplexRowClick.bind(this, row));
 				}else {
 					element.addEventListener("click", function(e){
 						if(!self.table.modExists("edit") || !self.table.modules.edit.getCurrentCell()){
 							self.table._clearSelection();
 						}
-
+						
 						if(!self.selecting){
 							self.toggleRow(row);
 						}
 					});
-
+					
 					element.addEventListener("mousedown", function(e){
 						if(e.shiftKey){
 							self.table._clearSelection();
-
+							
 							self.selecting = true;
-
+							
 							self.selectPrev = [];
-
+							
 							document.body.addEventListener("mouseup", endSelect);
 							document.body.addEventListener("keyup", endSelect);
-
+							
 							self.toggleRow(row);
-
+							
 							return false;
 						}
 					});
-
+					
 					element.addEventListener("mouseenter", function(e){
 						if(self.selecting){
 							self.table._clearSelection();
 							self.toggleRow(row);
-
+							
 							if(self.selectPrev[1] == row){
 								self.toggleRow(self.selectPrev[0]);
 							}
 						}
 					});
-
+					
 					element.addEventListener("mouseout", function(e){
 						if(self.selecting){
 							self.table._clearSelection();
@@ -17042,41 +17050,92 @@ class SelectRow extends Module{
 					});
 				}
 			}
-
+			
 		}else {
 			element.classList.add("tabulator-unselectable");
 			element.classList.remove("tabulator-selectable");
 		}
 	}
-
-	//toggle row selection
-	toggleRow(row){
-		if(this.table.options.selectableCheck.call(this.table, row.getComponent())){
-			if(row.modules.select && row.modules.select.selected){
-				this._deselectRow(row);
-			}else {
-				this._selectRow(row);
-			}
-		}
-	}
-
-	//select a number of rows
-	selectRows(rows){
-		var rowMatch;
-
+	
+	handleComplexRowClick(row, e){
+		if(e.shiftKey){
+			this.table._clearSelection();
+			this.lastClickedRow = this.lastClickedRow || row;
+			
+			var lastClickedRowIdx = this.table.rowManager.getDisplayRowIndex(this.lastClickedRow);
+			var rowIdx = this.table.rowManager.getDisplayRowIndex(row);
+			
+			var fromRowIdx = lastClickedRowIdx <= rowIdx ? lastClickedRowIdx : rowIdx;
+			var toRowIdx = lastClickedRowIdx >= rowIdx ? lastClickedRowIdx : rowIdx;
+			
+			var rows = this.table.rowManager.getDisplayRows().slice(0);
+			var toggledRows = rows.splice(fromRowIdx, toRowIdx - fromRowIdx + 1);
+			
+			if(e.ctrlKey || e.metaKey){
+				toggledRows.forEach((toggledRow)=>{
+					if(toggledRow !== this.lastClickedRow){
+						
+						if(this.table.options.selectable !== true && !this.isRowSelected(row)){
+							if(this.selectedRows.length < this.table.options.selectable){
+								this.toggleRow(toggledRow);
+							}
+						}else {
+							this.toggleRow(toggledRow);
+						}
+					}
+				});
+				this.lastClickedRow = row;
+			}else {
+				this.deselectRows(undefined, true);
+				
+				if(this.table.options.selectable !== true){
+					if(toggledRows.length > this.table.options.selectable){
+						toggledRows = toggledRows.slice(0, this.table.options.selectable);
+					}
+				}
+				
+				this.selectRows(toggledRows);
+			}
+			this.table._clearSelection();
+		}
+		else if(e.ctrlKey || e.metaKey){
+			this.toggleRow(row);
+			this.lastClickedRow = row;
+		}else {
+			this.deselectRows(undefined, true);
+			this.selectRows(row);
+			this.lastClickedRow = row;
+		}
+	}
+	
+	//toggle row selection
+	toggleRow(row){
+		if(this.table.options.selectableCheck.call(this.table, row.getComponent())){
+			if(row.modules.select && row.modules.select.selected){
+				this._deselectRow(row);
+			}else {
+				this._selectRow(row);
+			}
+		}
+	}
+	
+	//select a number of rows
+	selectRows(rows){
+		var rowMatch;
+		
 		switch(typeof rows){
 			case "undefined":
 			this.table.rowManager.rows.forEach((row) => {
 				this._selectRow(row, true, true);
 			});
-
+			
 			this._rowSelectionChanged();
 			break;
-
+			
 			case "string":
-
+			
 			rowMatch = this.table.rowManager.findRow(rows);
-
+			
 			if(rowMatch){
 				this._selectRow(rowMatch, true, true);
 			}else {
@@ -17084,16 +17143,16 @@ class SelectRow extends Module{
 					this._selectRow(row, true, true);
 				});
 			}
-
+			
 			this._rowSelectionChanged();
 			break;
-
+			
 			default:
 			if(Array.isArray(rows)){
 				rows.forEach((row) => {
 					this._selectRow(row, true, true);
 				});
-
+				
 				this._rowSelectionChanged();
 			}else {
 				this._selectRow(rows, false, true);
@@ -17101,10 +17160,10 @@ class SelectRow extends Module{
 			break;
 		}
 	}
-
+	
 	//select an individual row
 	_selectRow(rowInfo, silent, force){
-
+		
 		//handle max row count
 		if(!isNaN(this.table.options.selectable) && this.table.options.selectable !== true && !force){
 			if(this.selectedRows.length >= this.table.options.selectable){
@@ -17115,29 +17174,29 @@ class SelectRow extends Module{
 				}
 			}
 		}
-
+		
 		var row = this.table.rowManager.findRow(rowInfo);
-
+		
 		if(row){
 			if(this.selectedRows.indexOf(row) == -1){
 				row.getElement().classList.add("tabulator-selected");
 				if(!row.modules.select){
 					row.modules.select = {};
 				}
-
+				
 				row.modules.select.selected = true;
 				if(row.modules.select.checkboxEl){
 					row.modules.select.checkboxEl.checked = true;
 				}
-
+				
 				this.selectedRows.push(row);
-
+				
 				if(this.table.options.dataTreeSelectPropagate){
 					this.childRowSelection(row, true);
 				}
-
+				
 				this.dispatchExternal("rowSelected", row.getComponent());
-
+				
 				this._rowSelectionChanged(silent);
 			}
 		}else {
@@ -17146,69 +17205,69 @@ class SelectRow extends Module{
 			}
 		}
 	}
-
+	
 	isRowSelected(row){
 		return this.selectedRows.indexOf(row) !== -1;
 	}
-
+	
 	//deselect a number of rows
 	deselectRows(rows, silent){
 		var self = this,
 		rowCount;
 		
 		if(typeof rows == "undefined"){
-
+			
 			rowCount = self.selectedRows.length;
-
+			
 			for(let i = 0; i < rowCount; i++){
 				self._deselectRow(self.selectedRows[0], true);
 			}
-
+			
 			self._rowSelectionChanged(silent);
-
+			
 		}else {
 			if(Array.isArray(rows)){
 				rows.forEach(function(row){
 					self._deselectRow(row, true);
 				});
-
+				
 				self._rowSelectionChanged(silent);
 			}else {
 				self._deselectRow(rows, silent);
 			}
 		}
 	}
-
+	
 	//deselect an individual row
 	_deselectRow(rowInfo, silent){
 		var self = this,
 		row = self.table.rowManager.findRow(rowInfo),
 		index;
-
+		
 		if(row){
 			index = self.selectedRows.findIndex(function(selectedRow){
 				return selectedRow == row;
 			});
-
+			
 			if(index > -1){
-
+				
 				row.getElement().classList.remove("tabulator-selected");
 				if(!row.modules.select){
 					row.modules.select = {};
 				}
-
+				
 				row.modules.select.selected = false;
 				if(row.modules.select.checkboxEl){
 					row.modules.select.checkboxEl.checked = false;
 				}
 				self.selectedRows.splice(index, 1);
-
+				
 				if(this.table.options.dataTreeSelectPropagate){
 					this.childRowSelection(row, false);
 				}
-
+				
 				this.dispatchExternal("rowDeselected", row.getComponent());
-
+				
 				self._rowSelectionChanged(silent);
 			}
 		}else {
@@ -17217,28 +17276,28 @@ class SelectRow extends Module{
 			}
 		}
 	}
-
+	
 	getSelectedData(){
 		var data = [];
-
+		
 		this.selectedRows.forEach(function(row){
 			data.push(row.getData());
 		});
-
+		
 		return data;
 	}
-
+	
 	getSelectedRows(){
-
+		
 		var rows = [];
-
+		
 		this.selectedRows.forEach(function(row){
 			rows.push(row.getComponent());
 		});
-
+		
 		return rows;
 	}
-
+	
 	_rowSelectionChanged(silent){
 		if(this.headerCheckboxElement){
 			if(this.selectedRows.length === 0){
@@ -17252,27 +17311,27 @@ class SelectRow extends Module{
 				this.headerCheckboxElement.checked = false;
 			}
 		}
-
+		
 		if(!silent){
 			this.dispatchExternal("rowSelectionChanged", this.getSelectedData(), this.getSelectedRows());
 		}
 	}
-
+	
 	registerRowSelectCheckbox (row, element) {
 		if(!row._row.modules.select){
 			row._row.modules.select = {};
 		}
-
+		
 		row._row.modules.select.checkboxEl = element;
 	}
-
+	
 	registerHeaderSelectCheckbox (element) {
 		this.headerCheckboxElement = element;
 	}
-
+	
 	childRowSelection(row, select){
 		var children = this.table.modules.dataTree.getChildren(row, true);
-
+		
 		if(select){
 			for(let child of children){
 				this._selectRow(child, true);
@@ -19429,7 +19488,7 @@ class ColumnManager extends CoreFeature {
 	}
 
 	_addColumn(definition, before, nextToColumn){
-		var column = new Column$1(definition, this),
+		var column = new Column(definition, this),
 		colEl = column.getElement(),
 		index = nextToColumn ? this.findColumnIndex(nextToColumn) : nextToColumn;
 
@@ -19505,7 +19564,7 @@ class ColumnManager extends CoreFeature {
 	findColumn(subject){
 		if(typeof subject == "object"){
 
-			if(subject instanceof Column$1){
+			if(subject instanceof Column){
 				//subject is column element
 				return subject;
 			}else if(subject instanceof ColumnComponent){
@@ -20522,72 +20581,91 @@ class VirtualDomVertical extends Renderer{
 }
 
 class RowManager extends CoreFeature{
-
+	
 	constructor(table){
 		super(table);
-
+		
 		this.element = this.createHolderElement(); //containing element
 		this.tableElement = this.createTableElement(); //table element
 		this.heightFixer = this.createTableElement(); //table element
-
+		this.placeholder = null; //placeholder element
+		this.placeholderContents = null; //placeholder element
+		
 		this.firstRender = false; //handle first render
 		this.renderMode = "virtual"; //current rendering mode
 		this.fixedHeight = false; //current rendering mode
-
+		
 		this.rows = []; //hold row data objects
 		this.activeRowsPipeline = []; //hold calculation of active rows
 		this.activeRows = []; //rows currently available to on display in the table
 		this.activeRowsCount = 0; //count of active rows
-
+		
 		this.displayRows = []; //rows currently on display in the table
 		this.displayRowsCount = 0; //count of display rows
-
+		
 		this.scrollTop = 0;
 		this.scrollLeft = 0;
-
+		
 		this.rowNumColumn = false; //hold column component for row number column
-
+		
 		this.redrawBlock = false; //prevent redraws to allow multiple data manipulations before continuing
 		this.redrawBlockRestoreConfig = false; //store latest redraw function calls for when redraw is needed
 		this.redrawBlockRenderInPosition = false; //store latest redraw function calls for when redraw is needed
-
+		
 		this.dataPipeline = []; //hold data pipeline tasks
 		this.displayPipeline = []; //hold data display pipeline tasks
-
+		
 		this.renderer = null;
 	}
-
+	
 	//////////////// Setup Functions /////////////////
-
+	
 	createHolderElement (){
 		var el = document.createElement("div");
-
+		
 		el.classList.add("tabulator-tableholder");
 		el.setAttribute("tabindex", 0);
 		el.setAttribute("role", "rowgroup");
-
+		
 		return el;
 	}
-
+	
 	createTableElement (){
 		var el = document.createElement("div");
-
+		
 		el.classList.add("tabulator-table");
 		el.setAttribute("role", "rowgroup");
-
+		
 		return el;
 	}
-
+	
+	initializePlaceholder(){
+		//configure placeholder element
+		if(typeof this.table.options.placeholder == "string"){
+			let el = document.createElement("div");
+			el.classList.add("tabulator-placeholder");
+			
+			let contents = document.createElement("div");
+			contents.classList.add("tabulator-placeholder-contents");
+			contents.innerHTML = this.table.options.placeholder;
+			
+			el.appendChild(contents);
+			
+			this.placeholderContents = contents;
+			this.placeholder = el;
+		}
+	}
+	
 	//return containing element
 	getElement(){
 		return this.element;
 	}
-
+	
 	//return table element
 	getTableElement(){
 		return this.tableElement;
 	}
-
+	
 	//return position of row in table
 	getRowPosition(row, active){
 		if(active){
@@ -20596,42 +20674,45 @@ class RowManager extends CoreFeature{
 			return this.rows.indexOf(row);
 		}
 	}
-
+	
 	initialize(){
+		this.initializePlaceholder();
 		this.initializeRenderer();
-
+		
 		//initialize manager
 		this.element.appendChild(this.tableElement);
-
+		
 		this.firstRender = true;
-
+		
 		//scroll header along with table body
 		this.element.addEventListener("scroll", () => {
 			var left = this.element.scrollLeft,
 			leftDir = this.scrollLeft > left,
 			top = this.element.scrollTop,
 			topDir = this.scrollTop > top;
-
+			
 			//handle horizontal scrolling
 			if(this.scrollLeft != left){
 				this.scrollLeft = left;
-
+				
 				this.dispatch("scroll-horizontal", left, leftDir);
 				this.dispatchExternal("scrollHorizontal", left, leftDir);
-			}
 
-			//handle verical scrolling
+				this._positionPlaceholder();
+			}
+			
+			//handle vertical scrolling
 			if(this.scrollTop != top){
 				this.scrollTop = top;
-
+				
 				this.renderer.scrollRows(top, topDir);
-
+				
 				this.dispatch("scroll-vertical", top, topDir);
 				this.dispatchExternal("scrollVertical", top, topDir);
 			}
 		});
 	}
-
+	
 	////////////////// Row Manipulation //////////////////
 	findRow(subject){
 		if(typeof subject == "object"){
@@ -20646,7 +20727,7 @@ class RowManager extends CoreFeature{
 				let match = this.rows.find((row) => {
 					return row.getElement() === subject;
 				});
-
+				
 				return match || false;
 			}
 		}else if(typeof subject == "undefined" || subject === null){
@@ -20656,22 +20737,22 @@ class RowManager extends CoreFeature{
 			let match = this.rows.find((row) => {
 				return row.data[this.table.options.index] == subject;
 			});
-
+			
 			return match || false;
 		}
-
+		
 		//catch all for any other type of input
 		return false;
 	}
-
+	
 	getRowFromDataObject(data){
 		var match = this.rows.find((row) => {
 			return row.data === data;
 		});
-
+		
 		return match || false;
 	}
-
+	
 	getRowFromPosition(position, active){
 		if(active){
 			return this.activeRows[position];
@@ -20679,11 +20760,11 @@ class RowManager extends CoreFeature{
 			return this.rows[position];
 		}
 	}
-
+	
 	scrollToRow(row, position, ifVisible){
 		return this.renderer.scrollToRowPosition(row, position, ifVisible);
 	}
-
+	
 	////////////////// Data Handling //////////////////
 	setData(data, renderInPosition, columnsChanged){
 		return new Promise((resolve, reject)=>{
@@ -20700,22 +20781,22 @@ class RowManager extends CoreFeature{
 					this.table.columnManager.generateColumnsFromRowData(data);
 				}
 				this.resetScroll();
-
+				
 				this._setDataActual(data);
 			}
-
+			
 			resolve();
 		});
 	}
-
+	
 	_setDataActual(data, renderInPosition){
 		this.dispatchExternal("dataProcessing", data);
-
+		
 		this._wipeElements();
-
+		
 		if(Array.isArray(data)){
 			this.dispatch("data-processing", data);
-
+			
 			data.forEach((def, i) => {
 				if(def && typeof def === "object"){
 					var row = new Row(def, this);
@@ -20724,260 +20805,257 @@ class RowManager extends CoreFeature{
 					console.warn("Data Loading Warning - Invalid row data detected and ignored, expecting object but received:", def);
 				}
 			});
-
+			
 			this.refreshActiveData(false, false, renderInPosition);
-
+			
 			this.dispatch("data-processed", data);
 			this.dispatchExternal("dataProcessed", data);
 		}else {
 			console.error("Data Loading Error - Unable to process data due to invalid data type \nExpecting: array \nReceived: ", typeof data, "\nData:     ", data);
 		}
 	}
-
+	
 	_wipeElements(){
 		this.dispatch("rows-wipe");
-
+		
 		this.rows.forEach((row) => {
 			row.wipe();
 		});
-
+		
 		this.rows = [];
 		this.activeRows = [];
 		this.activeRowsPipeline = [];
 		this.activeRowsCount = 0;
 		this.displayRows = [];
 		this.displayRowsCount = 0;
-
+		
 		this.adjustTableSize();
 	}
-
+	
 	deleteRow(row, blockRedraw){
 		var allIndex = this.rows.indexOf(row),
 		activeIndex = this.activeRows.indexOf(row);
-
+		
 		if(activeIndex > -1){
 			this.activeRows.splice(activeIndex, 1);
 		}
-
+		
 		if(allIndex > -1){
 			this.rows.splice(allIndex, 1);
 		}
-
+		
 		this.setActiveRows(this.activeRows);
-
+		
 		this.displayRowIterator((rows) => {
 			var displayIndex = rows.indexOf(row);
-
+			
 			if(displayIndex > -1){
 				rows.splice(displayIndex, 1);
 			}
 		});
-
+		
 		if(!blockRedraw){
 			this.reRenderInPosition();
 		}
-
+		
 		this.regenerateRowNumbers();
-
+		
 		this.dispatchExternal("rowDeleted", row.getComponent());
-
+		
 		if(!this.displayRowsCount){
 			this._showPlaceholder();
 		}
-
+		
 		if(this.subscribedExternal("dataChanged")){
 			this.dispatchExternal("dataChanged", this.getData());
 		}
 	}
-
+	
 	addRow(data, pos, index, blockRedraw){
 		var row = this.addRowActual(data, pos, index, blockRedraw);
-
-		this.dispatch("row-added", row, data, pos, index);
-
 		return row;
 	}
-
+	
 	//add multiple rows
 	addRows(data, pos, index){
 		var rows = [];
-
+		
 		return new Promise((resolve, reject) => {
 			pos = this.findAddRowPos(pos);
-
+			
 			if(!Array.isArray(data)){
 				data = [data];
 			}
-
+			
 			data.length - 1;
-
+			
 			if((typeof index == "undefined" && pos) || (typeof index !== "undefined" && !pos)){
 				data.reverse();
 			}
-
+			
 			data.forEach((item, i) => {
 				var row = this.addRow(item, pos, index, true);
 				rows.push(row);
 				this.dispatch("row-added", row, data, pos, index);
 			});
-
+			
 			this.refreshActiveData(false, false, true);
-
+			
 			this.regenerateRowNumbers();
-
+			
 			if(rows.length){
 				this._clearPlaceholder();
 			}
-
+			
 			resolve(rows);
 		});
 	}
-
+	
 	findAddRowPos(pos){
 		if(typeof pos === "undefined"){
 			pos = this.table.options.addRowPos;
 		}
-
+		
 		if(pos === "pos"){
 			pos = true;
 		}
-
+		
 		if(pos === "bottom"){
 			pos = false;
 		}
-
+		
 		return pos;
 	}
-
+	
 	addRowActual(data, pos, index, blockRedraw){
 		var row = data instanceof Row ? data : new Row(data || {}, this),
 		top = this.findAddRowPos(pos),
 		allIndex = -1,
 		activeIndex, chainResult;
-
+		
 		if(!index){
 			chainResult = this.chain("row-adding-position", [row, top], null, {index, top});
-
+			
 			index = chainResult.index;
 			top = chainResult.top;
 		}
-
+		
 		if(typeof index !== "undefined"){
 			index = this.findRow(index);
 		}
-
+		
 		index = this.chain("row-adding-index", [row, index, top], null, index);
-
+		
 		if(index){
 			allIndex = this.rows.indexOf(index);
 		}
-
+		
 		if(index && allIndex > -1){
 			activeIndex = this.activeRows.indexOf(index);
-
+			
 			this.displayRowIterator(function(rows){
 				var displayIndex = rows.indexOf(index);
-
+				
 				if(displayIndex > -1){
 					rows.splice((top ? displayIndex : displayIndex + 1), 0, row);
 				}
 			});
-
+			
 			if(activeIndex > -1){
 				this.activeRows.splice((top ? activeIndex : activeIndex + 1), 0, row);
 			}
-
+			
 			this.rows.splice((top ? allIndex : allIndex + 1), 0, row);
-
+			
 		}else {
-
+			
 			if(top){
-
+				
 				this.displayRowIterator(function(rows){
 					rows.unshift(row);
 				});
-
+				
 				this.activeRows.unshift(row);
 				this.rows.unshift(row);
 			}else {
 				this.displayRowIterator(function(rows){
 					rows.push(row);
 				});
-
+				
 				this.activeRows.push(row);
 				this.rows.push(row);
 			}
 		}
-
+		
 		this.setActiveRows(this.activeRows);
-
+		
 		this.dispatchExternal("rowAdded", row.getComponent());
-
+		
 		if(this.subscribedExternal("dataChanged")){
 			this.dispatchExternal("dataChanged", this.table.rowManager.getData());
 		}
-
+		
 		if(!blockRedraw){
 			this.reRenderInPosition();
 		}
-
+		
 		return row;
 	}
-
+	
 	moveRow(from, to, after){
 		this.dispatch("row-move", from, to, after);
-
+		
 		this.moveRowActual(from, to, after);
-
+		
 		this.regenerateRowNumbers();
-
+		
 		this.dispatch("row-moved", from, to, after);
 		this.dispatchExternal("rowMoved", from.getComponent());
 	}
-
+	
 	moveRowActual(from, to, after){
 		this.moveRowInArray(this.rows, from, to, after);
 		this.moveRowInArray(this.activeRows, from, to, after);
-
+		
 		this.displayRowIterator((rows) => {
 			this.moveRowInArray(rows, from, to, after);
 		});
-
+		
 		this.dispatch("row-moving", from, to, after);
 	}
-
+	
 	moveRowInArray(rows, from, to, after){
 		var	fromIndex, toIndex, start, end;
-
+		
 		if(from !== to){
-
+			
 			fromIndex = rows.indexOf(from);
-
+			
 			if (fromIndex > -1) {
-
+				
 				rows.splice(fromIndex, 1);
-
+				
 				toIndex = rows.indexOf(to);
-
+				
 				if (toIndex > -1) {
-
+					
 					if(after){
 						rows.splice(toIndex+1, 0, from);
 					}else {
 						rows.splice(toIndex, 0, from);
 					}
-
+					
 				}else {
 					rows.splice(fromIndex, 0, from);
 				}
 			}
-
+			
 			//restyle rows
 			if(rows === this.getDisplayRows()){
-
+				
 				start = fromIndex < toIndex ? fromIndex : toIndex;
 				end = toIndex > fromIndex ? toIndex : fromIndex +1;
-
+				
 				for(let i = start; i <= end; i++){
 					if(rows[i]){
 						this.styleRow(rows[i], i);
@@ -20986,104 +21064,104 @@ class RowManager extends CoreFeature{
 			}
 		}
 	}
-
+	
 	clearData(){
 		this.setData([]);
 	}
-
+	
 	getRowIndex(row){
 		return this.findRowIndex(row, this.rows);
 	}
-
+	
 	getDisplayRowIndex(row){
 		var index = this.getDisplayRows().indexOf(row);
 		return index > -1 ? index : false;
 	}
-
+	
 	nextDisplayRow(row, rowOnly){
 		var index = this.getDisplayRowIndex(row),
 		nextRow = false;
-
-
+		
+		
 		if(index !== false && index < this.displayRowsCount -1){
 			nextRow = this.getDisplayRows()[index+1];
 		}
-
+		
 		if(nextRow && (!(nextRow instanceof Row) || nextRow.type != "row")){
 			return this.nextDisplayRow(nextRow, rowOnly);
 		}
-
+		
 		return nextRow;
 	}
-
+	
 	prevDisplayRow(row, rowOnly){
 		var index = this.getDisplayRowIndex(row),
 		prevRow = false;
-
+		
 		if(index){
 			prevRow = this.getDisplayRows()[index-1];
 		}
-
+		
 		if(rowOnly && prevRow && (!(prevRow instanceof Row) || prevRow.type != "row")){
 			return this.prevDisplayRow(prevRow, rowOnly);
 		}
-
+		
 		return prevRow;
 	}
-
+	
 	findRowIndex(row, list){
 		var rowIndex;
-
+		
 		row = this.findRow(row);
-
+		
 		if(row){
 			rowIndex = list.indexOf(row);
-
+			
 			if(rowIndex > -1){
 				return rowIndex;
 			}
 		}
-
+		
 		return false;
 	}
-
+	
 	getData(active, transform){
 		var output = [],
 		rows = this.getRows(active);
-
+		
 		rows.forEach(function(row){
 			if(row.type == "row"){
 				output.push(row.getData(transform || "data"));
 			}
 		});
-
+		
 		return output;
 	}
-
+	
 	getComponents(active){
 		var	output = [],
 		rows = this.getRows(active);
-
+		
 		rows.forEach(function(row){
 			output.push(row.getComponent());
 		});
-
+		
 		return output;
 	}
-
+	
 	getDataCount(active){
 		var rows = this.getRows(active);
-
+		
 		return rows.length;
 	}
-
+	
 	scrollHorizontal(left){
 		this.scrollLeft = left;
 		this.element.scrollLeft = left;
-
+		
 		this.dispatch("scroll-horizontal", left);
 	}
-
+	
 	registerDataPipelineHandler(handler, priority){
 		if(typeof priority !== "undefined"){
 			this.dataPipeline.push({handler, priority});
@@ -21094,7 +21172,7 @@ class RowManager extends CoreFeature{
 			console.error("Data pipeline handlers must have a priority in order to be registered");
 		}
 	}
-
+	
 	registerDisplayPipelineHandler(handler, priority){
 		if(typeof priority !== "undefined"){
 			this.displayPipeline.push({handler, priority});
@@ -21105,23 +21183,23 @@ class RowManager extends CoreFeature{
 			console.error("Display pipeline handlers must have a priority in order to be registered");
 		}
 	}
-
+	
 	//set active data set
 	refreshActiveData(handler, skipStage, renderInPosition){
 		var table = this.table,
 		stage = "",
 		index = 0,
 		cascadeOrder = ["all", "dataPipeline", "display", "displayPipeline", "end"];
-
-
+		
+		
 		if(typeof handler === "function"){
 			index = this.dataPipeline.findIndex((item) => {
 				return item.handler === handler;
 			});
-
+			
 			if(index > -1){
 				stage = "dataPipeline";
-
+				
 				if(skipStage){
 					if(index == this.dataPipeline.length - 1){
 						stage = "display";
@@ -21133,10 +21211,10 @@ class RowManager extends CoreFeature{
 				index = this.displayPipeline.findIndex((item) => {
 					return item.handler === handler;
 				});
-
+				
 				if(index > -1){
 					stage = "displayPipeline";
-
+					
 					if(skipStage){
 						if(index == this.displayPipeline.length - 1){
 							stage = "end";
@@ -21153,7 +21231,7 @@ class RowManager extends CoreFeature{
 			stage = handler || "all";
 			index = 0;
 		}
-
+		
 		if(this.redrawBlock){
 			if(!this.redrawBlockRestoreConfig || (this.redrawBlockRestoreConfig && ((this.redrawBlockRestoreConfig.stage === stage && index < this.redrawBlockRestoreConfig.index) || (cascadeOrder.indexOf(stage) < cascadeOrder.indexOf(this.redrawBlockRestoreConfig.stage))))){
 				this.redrawBlockRestoreConfig = {
@@ -21164,102 +21242,107 @@ class RowManager extends CoreFeature{
 					index:index,
 				};
 			}
-
+			
 			return;
 		}else {
-			this.dispatch("data-refeshing");
-
-			if(!handler){
-				this.activeRowsPipeline[0] = this.rows.slice(0);
-			}
-
-			//cascade through data refresh stages
-			switch(stage){
-				case "all":
-				//handle case where alldata needs refreshing
-
-				case "dataPipeline":
-
-				for(let i = index; i < this.dataPipeline.length; i++){
-					let result = this.dataPipeline[i].handler(this.activeRowsPipeline[i].slice(0));
-
-					this.activeRowsPipeline[i + 1] = result || this.activeRowsPipeline[i].slice(0);
-				}
-
-				this.setActiveRows(this.activeRowsPipeline[this.dataPipeline.length]);
-
-				this.regenerateRowNumbers();
-
-				case "display":
-				index = 0;
-				this.resetDisplayRows();
-
-				case "displayPipeline":
-				for(let i = index; i < this.displayPipeline.length; i++){
-					let result = this.displayPipeline[i].handler((i ? this.getDisplayRows(i - 1) : this.activeRows).slice(0), renderInPosition);
-
-					this.setDisplayRows(result || this.getDisplayRows(i - 1).slice(0), i);
-				}
-				//case to handle scenario when trying to skip past end stage
-			}
-
 			if(Helpers.elVisible(this.element)){
 				if(renderInPosition){
-					this.reRenderInPosition();
+					this.reRenderInPosition(this.refreshPipelines.bind(this, handler, stage, index, renderInPosition));
 				}else {
-
+					this.refreshPipelines(handler, stage, index, renderInPosition);
+					
 					if(!handler){
 						this.table.columnManager.renderer.renderColumns();
 					}
-
+					
 					this.renderTable();
-
+					
 					if(table.options.layoutColumnsOnNewData){
 						this.table.columnManager.redraw(true);
 					}
 				}
+			}else {
+				this.refreshPipelines(handler, stage, index, renderInPosition);
 			}
-
+			
 			this.dispatch("data-refreshed");
 		}
 	}
-
+	
+	refreshPipelines(handler, stage, index, renderInPosition){
+		this.dispatch("data-refreshing");
+		
+		if(!handler){
+			this.activeRowsPipeline[0] = this.rows.slice(0);
+		}
+		
+		//cascade through data refresh stages
+		switch(stage){
+			case "all":
+			//handle case where alldata needs refreshing
+			
+			case "dataPipeline":
+			
+			for(let i = index; i < this.dataPipeline.length; i++){
+				let result = this.dataPipeline[i].handler(this.activeRowsPipeline[i].slice(0));
+				
+				this.activeRowsPipeline[i + 1] = result || this.activeRowsPipeline[i].slice(0);
+			}
+			
+			this.setActiveRows(this.activeRowsPipeline[this.dataPipeline.length]);
+			
+			this.regenerateRowNumbers();
+			
+			case "display":
+			index = 0;
+			this.resetDisplayRows();
+			
+			case "displayPipeline":
+			for(let i = index; i < this.displayPipeline.length; i++){
+				let result = this.displayPipeline[i].handler((i ? this.getDisplayRows(i - 1) : this.activeRows).slice(0), renderInPosition);
+				
+				this.setDisplayRows(result || this.getDisplayRows(i - 1).slice(0), i);
+			}
+			//case to handle scenario when trying to skip past end stage
+		}
+	}
+	
 	//regenerate row numbers for row number formatter if in use
 	regenerateRowNumbers(){
 		if(this.rowNumColumn){
 			this.activeRows.forEach((row) => {
 				var cell = row.getCell(this.rowNumColumn);
-
+				
 				if(cell){
 					cell._generateContents();
 				}
 			});
 		}
 	}
-
+	
 	setActiveRows(activeRows){
 		this.activeRows = activeRows;
 		this.activeRowsCount = this.activeRows.length;
 	}
-
+	
 	//reset display rows array
 	resetDisplayRows(){
 		this.displayRows = [];
-
+		
 		this.displayRows.push(this.activeRows.slice(0));
-
+		
 		this.displayRowsCount = this.displayRows[0].length;
 	}
-
+	
 	getNextDisplayIndex(){
 		return this.displayRows.length;
 	}
-
+	
 	//set display row pipeline data
 	setDisplayRows(displayRows, index){
-
+		
 		var output = true;
-
+		
 		if(index && typeof this.displayRows[index] != "undefined"){
 			this.displayRows[index] = displayRows;
 			output = true;
@@ -21267,14 +21350,14 @@ class RowManager extends CoreFeature{
 			this.displayRows.push(displayRows);
 			output = index = this.displayRows.length -1;
 		}
-
+		
 		if(index == this.displayRows.length -1){
 			this.displayRowsCount = this.displayRows[this.displayRows.length -1].length;
 		}
-
+		
 		return output;
 	}
-
+	
 	getDisplayRows(index){
 		if(typeof index == "undefined"){
 			return this.displayRows.length ? this.displayRows[this.displayRows.length -1] : [];
@@ -21282,49 +21365,49 @@ class RowManager extends CoreFeature{
 			return this.displayRows[index] || [];
 		}
 	}
-
+	
 	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
 	displayRowIterator(callback){
 		this.activeRowsPipeline.forEach(callback);
 		this.displayRows.forEach(callback);
-
+		
 		this.displayRowsCount = this.displayRows[this.displayRows.length -1].length;
 	}
-
+	
 	//return only actual rows (not group headers etc)
 	getRows(type){
 		var rows;
-
+		
 		switch(type){
 			case "active":
 			rows = this.activeRows;
 			break;
-
+			
 			case "display":
 			rows = this.table.rowManager.getDisplayRows();
 			break;
-
+			
 			case "visible":
-			rows = this.getVisibleRows(true);
+			rows = this.getVisibleRows(false, true);
 			break;
-
+			
 			default:
 			rows = this.chain("rows-retrieve", type, null, this.rows) || this.rows;
 		}
-
+		
 		return rows;
 	}
-
+	
 	///////////////// Table Rendering /////////////////
 	//trigger rerender of table in current position
 	reRenderInPosition(callback){
@@ -21338,25 +21421,25 @@ class RowManager extends CoreFeature{
 			this.renderer.rerenderRows(callback);
 		}
 	}
-
+	
 	initializeRenderer(){
 		var renderClass;
-
+		
 		var renderers = {
 			"virtual": VirtualDomVertical,
 			"basic": BaiscVertical,
 		};
-
+		
 		if(typeof this.table.options.renderVertical === "string"){
 			renderClass = renderers[this.table.options.renderVertical];
 		}else {
 			renderClass = this.table.options.renderVertical;
 		}
-
+		
 		if(renderClass){
 			this.renderer = new renderClass(this.table, this.element, this.tableElement);
 			this.renderer.initialize();
-
+			
 			if((this.table.element.clientHeight || this.table.options.height)){
 				this.fixedHeight = true;
 			}else {
@@ -21366,21 +21449,21 @@ class RowManager extends CoreFeature{
 			console.error("Unable to find matching renderer:", table.options.renderVertical);
 		}
 	}
-
+	
 	getRenderMode(){
 		return this.renderMode;
 	}
-
+	
 	renderTable(){
 		this.dispatchExternal("renderStarted");
-
+		
 		this.element.scrollTop = 0;
-
+		
 		this._clearTable();
-
+		
 		if(this.displayRowsCount){
 			this.renderer.renderRows();
-
+			
 			if(this.firstRender){
 				this.firstRender = false;
 				this.layoutRefresh();
@@ -21388,23 +21471,23 @@ class RowManager extends CoreFeature{
 		}else {
 			this.renderEmptyScroll();
 		}
-
+		
 		if(!this.fixedHeight){
 			this.adjustTableSize();
 		}
-
+		
 		this.dispatch("table-layout");
-
+		
 		if(!this.displayRowsCount){
 			this._showPlaceholder();
 		}
-
+		
 		this.dispatchExternal("renderComplete");
 	}
-
+	
 	//show scrollbars on empty table div
 	renderEmptyScroll(){
-		if(this.table.options.placeholder){
+		if(this.placeholder){
 			this.tableElement.style.display = "none";
 		}else {
 			this.tableElement.style.minWidth = this.table.columnManager.getWidth() + "px";
@@ -21412,37 +21495,44 @@ class RowManager extends CoreFeature{
 			// this.tableElement.style.visibility = "hidden";
 		}
 	}
-
+	
 	_clearTable(){
 		var element = this.tableElement;
-
+		
 		this._clearPlaceholder();
-
+		
 		this.scrollTop = 0;
 		this.scrollLeft = 0;
-
+		
 		this.renderer.clearRows();
 	}
-
+	
 	_showPlaceholder(){
-		if(this.table.options.placeholder){
-
-			this.table.options.placeholder.setAttribute("tabulator-render-mode", this.renderMode);
-
-			this.getElement().appendChild(this.table.options.placeholder);
-			this.table.options.placeholder.style.width = this.table.columnManager.getWidth() + "px";
+		if(this.placeholder){
+			this.placeholder.setAttribute("tabulator-render-mode", this.renderMode);
+			
+			this.getElement().appendChild(this.placeholder);
+			this._positionPlaceholder();
 		}
 	}
-
+	
 	_clearPlaceholder(){
-		if(this.table.options.placeholder && this.table.options.placeholder.parentNode){
-			this.table.options.placeholder.parentNode.removeChild(this.table.options.placeholder);
+		if(this.placeholder && this.placeholder.parentNode){
+			this.placeholder.parentNode.removeChild(this.placeholder);
 		}
 	}
-
+	
+	_positionPlaceholder(){
+		if(this.placeholder && this.placeholder.parentNode){
+			this.placeholder.style.width = this.table.columnManager.getWidth() + "px";
+			this.placeholderContents.style.width = this.table.rowManager.element.clientWidth + "px";
+			this.placeholderContents.style.marginLeft = this.scrollLeft + "px";
+		}
+	}
+	
 	styleRow(row, index){
 		var rowEl = row.getElement();
-
+		
 		if(index % 2){
 			rowEl.classList.add("tabulator-row-even");
 			rowEl.classList.remove("tabulator-row-odd");
@@ -21451,21 +21541,21 @@ class RowManager extends CoreFeature{
 			rowEl.classList.remove("tabulator-row-even");
 		}
 	}
-
+	
 	//normalize height of active rows
 	normalizeHeight(){
 		this.activeRows.forEach(function(row){
 			row.normalizeHeight();
 		});
 	}
-
+	
 	//adjust the height of the table holder to fit in the Tabulator element
 	adjustTableSize(){
 		var initialHeight = this.element.clientHeight;
-
+		
 		if(this.renderer.verticalFillMode === "fill"){
 			let otherHeight =  Math.floor(this.table.columnManager.getElement().getBoundingClientRect().height + (this.table.footerManager && this.table.footerManager.active && !this.table.footerManager.external ? this.table.footerManager.getElement().getBoundingClientRect().height : 0));
-
+			
 			if(this.fixedHeight){
 				this.element.style.minHeight = "calc(100% - " + otherHeight + "px)";
 				this.element.style.height = "calc(100% - " + otherHeight + "px)";
@@ -21475,9 +21565,9 @@ class RowManager extends CoreFeature{
 				this.element.style.height = (this.table.element.clientHeight - otherHeight) + "px";
 				this.element.scrollTop = this.scrollTop;
 			}
-
+			
 			this.renderer.resize();
-
+			
 			//check if the table has changed size when dealing with variable height tables
 			if(!this.fixedHeight && initialHeight != this.element.clientHeight){
 				if(this.subscribed("table-resize")){
@@ -21487,64 +21577,60 @@ class RowManager extends CoreFeature{
 				}
 			}
 		}
-	}
 
+		this._positionPlaceholder();
+	}
+	
 	//renitialize all rows
 	reinitialize(){
 		this.rows.forEach(function(row){
 			row.reinitialize(true);
 		});
 	}
-
+	
 	//prevent table from being redrawn
 	blockRedraw (){
 		this.redrawBlock = true;
 		this.redrawBlockRestoreConfig = false;
 	}
-
+	
 	//restore table redrawing
 	restoreRedraw (){
 		this.redrawBlock = false;
-
+		
 		if(this.redrawBlockRestoreConfig){
 			this.refreshActiveData(this.redrawBlockRestoreConfig.handler, this.redrawBlockRestoreConfig.skipStage, this.redrawBlockRestoreConfig.renderInPosition);
-
+			
 			this.redrawBlockRestoreConfig = false;
 		}else {
 			if(this.redrawBlockRenderInPosition){
 				this.reRenderInPosition();
 			}
 		}
-
+		
 		this.redrawBlockRenderInPosition = false;
 	}
-
+	
 	//redraw table
 	redraw (force){
 		var left = this.scrollLeft;
-
+		
 		this.adjustTableSize();
-
+		
 		this.table.tableWidth = this.table.element.clientWidth;
-
+		
 		if(!force){
 			this.reRenderInPosition();
 			this.scrollHorizontal(left);
-
-			if(!this.displayRowsCount){
-				if(this.table.options.placeholder){
-					this.getElement().appendChild(this.table.options.placeholder);
-				}
-			}
 		}else {
 			this.renderTable();
 		}
 	}
-
+	
 	resetScroll(){
 		this.element.scrollLeft = 0;
 		this.element.scrollTop = 0;
-
+		
 		if(this.table.browser === "ie"){
 			var event = document.createEvent("Event");
 			event.initEvent("scroll", false, true);
@@ -21562,17 +21648,16 @@ class FooterManager extends CoreFeature{
 
 		this.active = false;
 		this.element = this.createElement(); //containing element
+		this.containerElement = this.createContainerElement(); //containing element
 		this.external = false;
 		this.links = [];
-
-		this.initializeElement();
 	}
 
 	initialize(){
 		this.initializeElement();
 	}
 
-	createElement (){
+	createElement(){
 		var el = document.createElement("div");
 
 		el.classList.add("tabulator-footer");
@@ -21580,13 +21665,24 @@ class FooterManager extends CoreFeature{
 		return el;
 	}
 
+	
+	createContainerElement(){
+		var el = document.createElement("div");
+
+		el.classList.add("tabulator-footer-contents");
+
+		this.element.appendChild(el);
+
+		return el;
+	}
+
 	initializeElement(){
 		if(this.table.options.footerElement){
 
 			switch(typeof this.table.options.footerElement){
 				case "string":
 				if(this.table.options.footerElement[0] === "<"){
-					this.element.innerHTML = this.table.options.footerElement;
+					this.containerElement.innerHTML = this.table.options.footerElement;
 				}else {
 					this.external = true;
 					this.element = document.querySelector(this.table.options.footerElement);
@@ -21607,7 +21703,7 @@ class FooterManager extends CoreFeature{
 	append(element, parent){
 		this.activate(parent);
 
-		this.element.appendChild(element);
+		this.containerElement.appendChild(element);
 		this.table.rowManager.adjustTableSize();
 	}
 
@@ -21683,7 +21779,7 @@ class InteractionManager extends CoreFeature {
 			"tabulator-group":"group",
 			"tabulator-col":"column",
 		};
-
+		
 		this.pseudoTrackers = {
 			"row":{
 				subscriber:null,
@@ -21702,12 +21798,13 @@ class InteractionManager extends CoreFeature {
 				target:null,
 			},
 		};
-
+		
 		this.pseudoTracking = false;
 	}
 	
 	initialize(){
 		this.el = this.table.element;
+		
 		this.buildListenerMap();
 		this.bindSubscriptionWatchers();
 	}
@@ -21724,55 +21821,55 @@ class InteractionManager extends CoreFeature {
 		
 		this.listeners = listenerMap;
 	}
-
+	
 	bindPseudoEvents(){
 		Object.keys(this.pseudoTrackers).forEach((key) => {
 			this.pseudoTrackers[key].subscriber = this.pseudoMouseEnter.bind(this, key);
 			this.subscribe(key + "-mouseover", this.pseudoTrackers[key].subscriber);
 		});
-
+		
 		this.pseudoTracking = true;
 	}
-
+	
 	pseudoMouseEnter(key, e, target){
 		if(this.pseudoTrackers[key].target !== target){
 			
 			if(this.pseudoTrackers[key].target){
 				this.dispatch(key + "-mouseleave", e, target);
 			}
-
+			
 			this.pseudoMouseLeave(key, e);
-
+			
 			this.pseudoTrackers[key].target = target;
-
+			
 			this.dispatch(key + "-mouseenter", e, target);
 		}
 	}
-
+	
 	pseudoMouseLeave(key, e){
 		var leaveList = Object.keys(this.pseudoTrackers),
 		linkedKeys = {
 			"row":["cell"],
 			"cell":["row"],
 		};
-
+		
 		leaveList = leaveList.filter((item) => {
 			var links = linkedKeys[key];
 			return item !== key && (!links || (links && !links.includes(item)));
 		});
-
-	
+		
+		
 		leaveList.forEach((key) => {
 			var target = this.pseudoTrackers[key].target;
-
+			
 			if(this.pseudoTrackers[key].target){
 				this.dispatch(key + "-mouseleave", e, target);
-
+				
 				this.pseudoTrackers[key].target = null;
 			}
 		});
 	}
-
+	
 	
 	bindSubscriptionWatchers(){
 		var listeners = Object.keys(this.listeners),
@@ -21793,7 +21890,7 @@ class InteractionManager extends CoreFeature {
 		var listener = this.listeners[key].components,
 		index = listener.indexOf(component),
 		changed = false;
-
+		
 		if(added){
 			if(index === -1){
 				listener.push(component);
@@ -21807,7 +21904,7 @@ class InteractionManager extends CoreFeature {
 				}
 			}
 		}
-
+		
 		if((key === "mouseenter" || key === "mouseleave") && !this.pseudoTracking){
 			this.bindPseudoEvents();
 		}
@@ -21841,9 +21938,9 @@ class InteractionManager extends CoreFeature {
 		
 		var targets = this.findTargets(path);
 		targets = this.bindComponents(type, targets);
-
+		
 		this.triggerEvents(type, e, targets);
-
+		
 		if(this.pseudoTracking && (type == "mouseover" || type == "mouseleave") && !Object.keys(targets).length){
 			this.pseudoMouseLeave("none", e);
 		}
@@ -21904,6 +22001,10 @@ class InteractionManager extends CoreFeature {
 						component = rows.find((row) => {
 							return row.getElement() === target;
 						});
+						
+						if(targets["row"].parentNode && targets["row"].parentNode.closest(".tabulator-row")){
+							targets[key] = false;
+						}
 					}
 					break;
 					
@@ -21915,10 +22016,12 @@ class InteractionManager extends CoreFeature {
 					
 					case "cell":
 					if(listener.components.includes("cell")){
-						if(targets["row"]){
+						if(targets["row"] instanceof Row){
 							component = targets["row"].findCell(target);
-						}else {
-							console.warn("Event Target Lookup Error - The row this cell is attached to cannot be found, has the table been reinitialized without being destroyed first?");
+						}else {	
+							if(targets["row"]){
+								console.warn("Event Target Lookup Error - The row this cell is attached to cannot be found, has the table been reinitialized without being destroyed first?");
+							}
 						}
 					}
 					break;
@@ -21952,7 +22055,7 @@ class InteractionManager extends CoreFeature {
 	clearWatchers(){
 		for(let key in this.listeners){
 			let listener = this.listeners[key];
-		
+			
 			if(listener.handler){
 				this.el.removeEventListener(key, listener.handler);
 				listener.handler = null;
@@ -22789,6 +22892,7 @@ class Layout extends Module{
 
 	//trigger table layout
 	layout(){
+		this.dispatch("layout-refreshing");
 		Layout.modes[this.mode].call(this, this.table.columnManager.columnsByIndex);
 
 		this.dispatch("layout-refreshed");
@@ -23136,19 +23240,31 @@ class ModuleBinder {
 
 		//ensure that module are bound to instantiated function
 		tabulator.prototype.bindModules = function(){
+			var orderedMods = [],
+			unOrderedMods = [];
+
 			this.modules = {};
 
 			for(var name in tabulator.moduleBindings){
 				let mod = tabulator.moduleBindings[name];
+				let module = new mod(this);
 
-				this.modules[name] = new mod(this);
+				this.modules[name] = module;
 
 				if(mod.prototype.moduleCore){
-					this.modulesCore[name] = this.modules[name];
+					this.modulesCore.push(module);
 				}else {
-					this.modulesRegular[name] = this.modules[name];
+					if(mod.moduleInitOrder){
+						orderedMods.push(module);
+					}else {
+						unOrderedMods.push(module);
+					}
 				}
 			}
+
+			orderedMods.sort((a, b) => a.moduleInitOrder > b.moduleInitOrder ? 1 : -1);
+
+			this.modulesRegular = orderedMods.concat(unOrderedMods);
 		};
 	}
 
@@ -23188,8 +23304,8 @@ class Tabulator {
 		this.dataLoader = false; //bind component functions
 
 		this.modules = {}; //hold all modules bound to this table
-		this.modulesCore = {}; //hold core modules bound to this table (for initialization purposes)
-		this.modulesRegular = {}; //hold regular modules bound to this table (for initialization purposes)
+		this.modulesCore = []; //hold core modules bound to this table (for initialization purposes)
+		this.modulesRegular = []; //hold regular modules bound to this table (for initialization purposes)
 
 		this.optionsList = new OptionsList(this, "table constructor");
 
@@ -23197,7 +23313,7 @@ class Tabulator {
 
 		if(this.initializeElement(element)){
 
-			this.initialzeCoreSystems(options);
+			this.initializeCoreSystems(options);
 
 			//delay table creation to allow event bindings immediately after the constructor
 			setTimeout(() => {
@@ -23227,7 +23343,7 @@ class Tabulator {
 		}
 	}
 
-	initialzeCoreSystems(options){
+	initializeCoreSystems(options){
 		this.columnManager = new ColumnManager(this);
 		this.rowManager = new RowManager(this);
 		this.footerManager = new FooterManager(this);
@@ -23247,8 +23363,8 @@ class Tabulator {
 		this.interactionMonitor = new InteractionManager(this);
 
 		this.dataLoader.initialize();
-		this.columnManager.initialize();
-		this.rowManager.initialize();
+		// this.columnManager.initialize();
+		// this.rowManager.initialize();
 		this.footerManager.initialize();
 	}
 
@@ -23386,24 +23502,9 @@ class Tabulator {
 		this._detectBrowser();
 
 		//initialize core modules
-		for (let key in this.modulesCore){
-			let mod = this.modulesCore[key];
-
+		this.modulesCore.forEach((mod) => {
 			mod.initialize();
-		}
-
-		//configure placeholder element
-		if(typeof options.placeholder == "string"){
-			var el = document.createElement("div");
-			el.classList.add("tabulator-placeholder");
-
-			var span = document.createElement("span");
-			span.innerHTML = options.placeholder;
-
-			el.appendChild(span);
-
-			options.placeholder = el;
-		}
+		});
 
 		//build table elements
 		element.appendChild(this.columnManager.getElement());
@@ -23419,11 +23520,9 @@ class Tabulator {
 		}
 
 		//initialize regular modules
-		for (let key in this.modulesRegular){
-			let mod = this.modulesRegular[key];
-
+		this.modulesRegular.forEach((mod) => {
 			mod.initialize();
-		}
+		});
 
 		this.columnManager.setColumns(options.columns);
 
@@ -23473,7 +23572,7 @@ class Tabulator {
 			this.browserSlow = false;
 		}
 
-		this.browserMobile = /(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(ua)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(ua.substr(0,4));
+		this.browserMobile = /(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(ua)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(ua.slice(0,4));
 	}
 
 	////////////////// Data Handling //////////////////