tabulator-tables 5.0.1 → 5.0.6

package/src/js/modules/GroupRows/Group.js

@@ -638,6 +638,8 @@ class Group{
 
 	clearCellHeight(){}
 
+	deinitializeHeight(){}
+
 	//////////////// Object Generation /////////////////
 	getComponent(){
 		if(!this.component){

package/src/js/modules/GroupRows/GroupRows.js

@@ -330,14 +330,12 @@ class GroupRows extends Module{
 	getRows(rows){
 		if(this.groupIDLookups.length){
 
-			if(!Object.keys(this.groups).length){
-				this.dispatchExternal("dataGrouping");
+			this.dispatchExternal("dataGrouping");
 
-				this.generateGroups(rows);
+			this.generateGroups(rows);
 
-				if(this.subscribedExternal("dataGrouped")){
-					this.dispatchExternal("dataGrouped", this.getGroups(true));
-				}
+			if(this.subscribedExternal("dataGrouped")){
+				this.dispatchExternal("dataGrouped", this.getGroups(true));
 			}
 
 			return this.updateGroupRows();

package/src/js/modules/History/defaults/redoers.js

@@ -1,6 +1,7 @@
 export default {
 	cellEdit: function(action){
 		action.component.setValueProcessData(action.data.newValue);
+		action.component.cellRendered();
 	},
 
 	rowAdd: function(action){

package/src/js/modules/History/defaults/undoers.js

@@ -1,6 +1,7 @@
 export default {
 	cellEdit: function(action){
 		action.component.setValueProcessData(action.data.oldValue);
+		action.component.cellRendered();
 	},
 
 	rowAdd: function(action){

package/src/js/modules/HtmlTableImport/HtmlTableImport.js

@@ -1,4 +1,5 @@
 import Module from '../../core/Module.js';
+import Column from '../../core/column/Column.js';
 
 class HtmlTableImport extends Module{
 
@@ -10,17 +11,17 @@ class HtmlTableImport extends Module{
 	}
 
 	initialize(){
-		this.subscribe("table-building", this.tableElementCheck.bind(this));
+		this.tableElementCheck();
 	}
 
 	tableElementCheck(){
-		if(this.table.element.tagName === "TABLE"){
+		if(this.table.originalElement && this.table.originalElement.tagName === "TABLE"){
 			this.parseTable();
 		}
 	}
 
 	parseTable(){
-		var element = this.table.element,
+		var element = this.table.originalElement,
 		options = this.table.options,
 		columns = options.columns,
 		headers = element.getElementsByTagName("th"),
@@ -65,28 +66,9 @@ class HtmlTableImport extends Module{
 			data.push(item);
 		}
 
-		//create new element
-		var newElement = document.createElement("div");
-
-		//transfer attributes to new element
-		var attributes = element.attributes;
-
-		// loop through attributes and apply them on div
-
-		for(var i in attributes){
-			if(typeof attributes[i] == "object"){
-				newElement.setAttribute(attributes[i].name, attributes[i].value);
-			}
-		}
-
-		// replace table with div element
-		element.parentNode.replaceChild(newElement, element);
-
 		options.data = data;
 
 		this.dispatchExternal("htmlImported");
-
-		this.table.element = newElement;
 	}
 
 	//extract tabulator attribute options

package/src/js/modules/Page/Page.js

@@ -136,6 +136,8 @@ class Page extends Module{
 
 			this.table.rowManager.getTableElement().removeChild(testElRow);
 		}
+
+		this.generatePageSizeSelectList();
 	}
 
 	initialLoadComplete(){
@@ -395,8 +397,6 @@ class Page extends Module{
 
 			this.page = this.table.options.paginationInitialPage;
 			this.count = this.table.options.paginationButtonCount;
-
-			this.generatePageSizeSelectList();
 		}
 
 		//set default values

package/src/js/modules/ReactiveData/ReactiveData.js

@@ -26,7 +26,8 @@ class ReactiveData extends Module{
 	}
 
 	watchData(data){
-		var pushFunc, version;
+		var self = this,
+		pushFunc, version;
 
 		this.currentVersion ++;
 
@@ -42,16 +43,16 @@ class ReactiveData extends Module{
 		Object.defineProperty(this.data, "push", {
 			enumerable: false,
 			configurable: true,
-			value: () => {
+			value: function(){
 				var args = Array.from(arguments);
 
-				if(!this.blocked && version === this.currentVersion){
+				if(!self.blocked && version === self.currentVersion){
 					args.forEach((arg) => {
-						this.table.rowManager.addRowActual(arg, false);
+						self.table.rowManager.addRowActual(arg, false);
 					});
 				}
 
-				return this.origFuncs.push.apply(data, arguments);
+				return self.origFuncs.push.apply(data, arguments);
 			}
 		});
 
@@ -61,16 +62,16 @@ class ReactiveData extends Module{
 		Object.defineProperty(this.data, "unshift", {
 			enumerable: false,
 			configurable: true,
-			value: () => {
+			value: function(){
 				var args = Array.from(arguments);
 
-				if(!this.blocked && version === this.currentVersion){
+				if(!self.blocked && version === self.currentVersion){
 					args.forEach((arg) => {
-						this.table.rowManager.addRowActual(arg, true);
+						self.table.rowManager.addRowActual(arg, true);
 					});
 				}
 
-				return this.origFuncs.unshift.apply(data, arguments);
+				return self.origFuncs.unshift.apply(data, arguments);
 			}
 		});
 
@@ -81,12 +82,12 @@ class ReactiveData extends Module{
 		Object.defineProperty(this.data, "shift", {
 			enumerable: false,
 			configurable: true,
-			value: () => {
+			value: function(){
 				var row;
 
-				if(!this.blocked && version === this.currentVersion){
-					if(this.data.length){
-						row = this.table.rowManager.getRowFromDataObject(this.data[0]);
+				if(!self.blocked && version === self.currentVersion){
+					if(self.data.length){
+						row = self.table.rowManager.getRowFromDataObject(self.data[0]);
 
 						if(row){
 							row.deleteActual();
@@ -94,7 +95,7 @@ class ReactiveData extends Module{
 					}
 				}
 
-				return this.origFuncs.shift.call(data);
+				return self.origFuncs.shift.call(data);
 			}
 		});
 
@@ -104,18 +105,18 @@ class ReactiveData extends Module{
 		Object.defineProperty(this.data, "pop", {
 			enumerable: false,
 			configurable: true,
-			value: () => {
+			value: function(){
 				var row;
-				if(!this.blocked && version === this.currentVersion){
-					if(this.data.length){
-						row = this.table.rowManager.getRowFromDataObject(this.data[this.data.length - 1]);
+				if(!self.blocked && version === self.currentVersion){
+					if(self.data.length){
+						row = self.table.rowManager.getRowFromDataObject(self.data[self.data.length - 1]);
 
 						if(row){
 							row.deleteActual();
 						}
 					}
 				}
-				return this.origFuncs.pop.call(data);
+				return self.origFuncs.pop.call(data);
 			}
 		});
 
@@ -126,28 +127,28 @@ class ReactiveData extends Module{
 		Object.defineProperty(this.data, "splice", {
 			enumerable: false,
 			configurable: true,
-			value: () => {
+			value: function(){
 				var args = Array.from(arguments),
 				start = args[0] < 0 ? data.length + args[0] : args[0],
 				end = args[1],
 				newRows = args[2] ? args.slice(2) : false,
 				startRow;
 
-				if(!this.blocked && version === this.currentVersion){
+				if(!self.blocked && version === self.currentVersion){
 
 					//add new rows
 					if(newRows){
-						startRow = data[start] ? this.table.rowManager.getRowFromDataObject(data[start]) : false;
+						startRow = data[start] ? self.table.rowManager.getRowFromDataObject(data[start]) : false;
 
 						if(startRow){
 							newRows.forEach((rowData) => {
-								this.table.rowManager.addRowActual(rowData, true, startRow, true);
+								self.table.rowManager.addRowActual(rowData, true, startRow, true);
 							});
 						}else{
 							newRows = newRows.slice().reverse();
 
 							newRows.forEach((rowData) => {
-								this.table.rowManager.addRowActual(rowData, true, false, true);
+								self.table.rowManager.addRowActual(rowData, true, false, true);
 							});
 						}
 					}
@@ -157,7 +158,7 @@ class ReactiveData extends Module{
 						var oldRows = data.slice(start, typeof args[1] === "undefined" ? args[1] : start + end);
 
 						oldRows.forEach((rowData, i) => {
-							var row = this.table.rowManager.getRowFromDataObject(rowData);
+							var row = self.table.rowManager.getRowFromDataObject(rowData);
 
 							if(row){
 								row.deleteActual(i !== oldRows.length - 1);
@@ -166,11 +167,11 @@ class ReactiveData extends Module{
 					}
 
 					if(newRows || end !== 0){
-						this.table.rowManager.reRenderInPosition();
+						self.table.rowManager.reRenderInPosition();
 					}
 				}
 
-				return this.origFuncs.splice.apply(data, arguments);
+				return self.origFuncs.splice.apply(data, arguments);
 			}
 		});
 	}

package/src/js/modules/ResponsiveLayout/ResponsiveLayout.js

@@ -290,10 +290,14 @@ class ResponsiveLayout extends Module{
 						},
 					};
 
+					function onRendered(callback){
+						callback();
+					}
+
 					output.push({
 						field: column.field,
 						title: column.definition.title,
-						value: column.modules.format.formatter.call(self.table.modules.format, mockCellComponent, column.modules.format.params)
+						value: column.modules.format.formatter.call(self.table.modules.format, mockCellComponent, column.modules.format.params, onRendered)
 					});
 				}else{
 					output.push({

package/src/scss/themes/bootstrap/tabulator_bootstrap3.scss

@@ -185,6 +185,15 @@ $footerActiveColor:#d00 !default; //footer bottom active text color
 		background-color:$rowHoverBackground !important;
 	}
 
+	&.tabulator-selected{
+		background-color:$rowSelectedBackground !important;
+	}
+
+	&.tabulator-selected:hover{
+		background-color:$rowSelectedBackgroundHover !important;
+		cursor: pointer;
+	}
+
 	.tabulator-cell{
 		padding:$cellPadding;
 		border-right:none;

package/src/scss/themes/bootstrap/tabulator_bootstrap4.scss

@@ -445,10 +445,6 @@ $table-cell-padding-sm: 5px;
 	min-height:$textSize + ($cellPadding * 2);
 	border-bottom:1px solid $rowBorderColor;
 
-	&.tabulator-row-even{
-		background-color: transparent;
-	}
-
 	.tabulator-cell{
 		padding:$cellPadding;
 		border-right:none;

package/src/scss/themes/bulma/tabulator_bulma.scss

@@ -204,8 +204,12 @@ $footerBorderColor:$grey-lighter !default; //footer border color
 		background-color: inherit;
 	}
 
+	&.tabulator-selected{
+		background-color:$rowSelectedBackground !important;
+	}
+
 	&.tabulator-selected:hover{
-		background-color:darken($rowSelectedBackground, 10%);
+		background-color:darken($rowSelectedBackground, 10%) !important;
 	}
 
 	.tabulator-cell{

package/src/scss/themes/semanticui/tabulator_semanticui.scss

@@ -219,13 +219,9 @@ $footerActiveColor:#d00 !default; //footer bottom active text color
 	}
 
 	&.striped{
-		.tabulator-tableholder{
-			.tabulator-table{
-				.tabulator-row{
-					&:nth-child(even){
-						background-color: $basicTableStripedBackground !important;
-					}
-				}
+		.tabulator-row{
+			&:nth-child(even){
+				background-color: $basicTableStripedBackground;
 			}
 		}
 	}
@@ -488,6 +484,15 @@ $footerActiveColor:#d00 !default; //footer bottom active text color
 		color: $activeColor !important;
 	}
 
+	&.tabulator-selected{
+		background-color:$rowSelectedBackground !important;
+	}
+
+	&.tabulator-selected:hover{
+		background-color:$rowSelectedBackgroundHover !important;
+		cursor: pointer;
+	}
+
 	&.tabulator-moving{
 		pointer-events: none !important;
 	}