tabulator-tables 5.2.0 → 5.2.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tabulator-tables",
-  "version": "5.2.0",
+  "version": "5.2.3",
   "description": "Interactive table generation JavaScript library",
   "style": "dist/css/tabulator.css",
   "main": "dist/js/tabulator.js",

package/src/js/core/RowManager.js

@@ -848,7 +848,9 @@ export default class RowManager extends CoreFeature{
 				this.redrawBlockRenderInPosition = true;
 			}
 		}else{
+			this.dispatchExternal("renderStarted");
 			this.renderer.rerenderRows(callback);
+			this.dispatchExternal("renderComplete");
 		}
 	}
 	

package/src/js/core/rendering/Renderer.js

@@ -186,6 +186,8 @@ export default class Renderer extends CoreFeature{
 						this.elementVertical.scrollTop = this.elementVertical.scrollTop - this.elementVertical.clientHeight + rowEl.offsetHeight;
 					}
 
+					case "top":
+					this.elementVertical.scrollTop = rowEl.offsetTop;					
 					break;
 				}
 

package/src/js/modules/DataTree/DataTree.js

@@ -122,11 +122,24 @@ class DataTree extends Module{
 			this.subscribe("edit-cancelled", this.cellValueChanged.bind(this));
 			this.subscribe("column-moving-rows", this.columnMoving.bind(this));
 			this.subscribe("table-built", this.initializeElementField.bind(this));
+			this.subscribe("table-redrawing", this.tableRedrawing.bind(this));
 
 			this.registerDisplayHandler(this.getRows.bind(this), 30);
 		}
 	}
 
+	tableRedrawing(force){
+		var rows;
+
+		if(force){
+			rows = this.table.rowManager.getRows();
+			
+			rows.forEach((row) => {
+				this.reinitializeRowChildren(row);
+			});
+		}
+	}
+
 	initializeElementField(){
 		var firstCol = this.table.columnManager.getFirstVisibleColumn();
 

package/src/js/modules/Edit/List.js

@@ -990,7 +990,7 @@ export default class Edit{
         this.actions.success(output);
         
         if(this.isFilter){
-            this.initialValues = output;
+            this.initialValues = output && !Array.isArray[output] ? [output] : output;
         }
     }
     

package/src/js/modules/FrozenColumns/FrozenColumns.js

@@ -12,7 +12,6 @@ class FrozenColumns extends Module{
 		this.rightPadding = 0;
 		this.initializationMode = "left";
 		this.active = false;
-		this.scrollEndTimer = false;
 		this.blocked = true;
 		
 		this.registerColumnOption("frozen");
@@ -41,10 +40,10 @@ class FrozenColumns extends Module{
 		this.subscribe("scroll-horizontal", this.scrollHorizontal.bind(this));
 		this.subscribe("scroll-horizontal", this.scrollHorizontal.bind(this));
 		this.subscribe("columns-loading", this.reset.bind(this));
-
+		
 		this.subscribe("column-add", this.reinitializeColumns.bind(this));
 		this.subscribe("column-delete", this.reinitializeColumns.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));
@@ -61,10 +60,10 @@ class FrozenColumns extends Module{
 	layoutCell(cell){
 		this.layoutElement(cell.element, cell.column)
 	}
-
+	
 	reinitializeColumns(){
 		this.reset();
-
+		
 		this.table.columnManager.columnsByIndex.forEach((column) => {
 			this.initializeColumn(column);
 		});
@@ -111,22 +110,14 @@ class FrozenColumns extends Module{
 	scrollHorizontal(){
 		var rows;
 		
-		if(this.active){
-			clearTimeout(this.scrollEndTimer);
-
-			rows = this.table.rowManager.getVisibleRows();
-			
+		if(this.active){		
 			this.calcMargins(true);
 			
 			this.layoutColumnPosition();
 			
 			this.layoutCalcRows();
 			
-			rows.forEach((row) => {
-				if(row.type === "row"){
-					this.layoutRow(row);
-				}
-			});
+			this.reinitializeRows();
 		}
 	}
 	
@@ -138,7 +129,7 @@ class FrozenColumns extends Module{
 			this.rightMargin = this._calcSpace(this.rightColumns, this.rightColumns.length) + "px";	
 			this.table.rowManager.tableElement.style.marginRight = this.rightMargin;
 		}
-	
+		
 		//calculate right frozen columns
 		this.rightPadding = this.table.rowManager.element.clientWidth + this.table.columnManager.scrollLeft;
 	}
@@ -185,10 +176,10 @@ class FrozenColumns extends Module{
 		
 		this.table.columnManager.headersElement.style.marginLeft = this.leftMargin;
 		this.table.columnManager.element.style.paddingRight = this.rightMargin;
-
+		
 		this.leftColumns.forEach((column, i) => {	
 			column.modules.frozen.margin = (leftMargin + this.table.columnManager.scrollLeft) + "px";
-
+			
 			if(column.visible){
 				leftMargin += column.getWidth();
 			}
@@ -221,11 +212,11 @@ class FrozenColumns extends Module{
 		});
 		
 		this.rightColumns.forEach((column, i) => {
-
+			
 			if(column.visible){
 				rightMargin += column.getWidth();
 			}
-
+			
 			column.modules.frozen.margin = (this.rightPadding - rightMargin) + "px";
 			
 			if(i == this.rightColumns.length - 1){
@@ -254,36 +245,35 @@ class FrozenColumns extends Module{
 	}
 	
 	//layout columns appropriately
-	layout(){
-		var visibleRows = [],
-		otherRows = [];
-
+	layout(){	
 		if(this.active && !this.blocked){
 			//calculate row padding
 			this.calcMargins();
-
+			
 			//calculate left columns
 			this.layoutColumnPosition();
 
-			visibleRows = this.table.rowManager.getVisibleRows();
-			otherRows = this.table.rowManager.getDisplayRows().filter(row => !visibleRows.includes(row));
-
-			otherRows.forEach((row) =>{
-				row.deinitialize();
-			});
-
-			visibleRows.forEach((row) =>{
-				if(row.type === "row"){
-					this.layoutRow(row);
-				}
-			});
+			this.reinitializeRows();
 			
 			this.layoutCalcRows();
-			
-
 		}
 	}
 	
+	reinitializeRows(){
+		var visibleRows = this.table.rowManager.getVisibleRows();
+		var otherRows = this.table.rowManager.getRows().filter(row => !visibleRows.includes(row));
+
+		otherRows.forEach((row) =>{
+			row.deinitialize();
+		});
+		
+		visibleRows.forEach((row) =>{
+			if(row.type === "row"){
+				this.layoutRow(row);
+			}
+		});
+	}
+	
 	layoutRow(row){
 		// console.trace("row")
 		var rowEl = row.getElement();

package/src/js/modules/MoveColumns/MoveColumns.js

@@ -45,7 +45,7 @@ class MoveColumns extends Module{
 		config = {},
 		colEl;
 		
-		if(!column.modules.frozen){
+		if(!column.modules.frozen && !column.isGroup){
 			colEl = column.getElement();
 			
 			config.mousemove = function(e){

package/src/js/modules/Persistence/Persistence.js

@@ -421,6 +421,7 @@ class Persistence extends Module{
 				if(this.config.columns === true || this.config.columns == undefined){
 					keys =  Object.keys(colDef);
 					keys.push("width");
+					keys.push("visible");
 				}else{
 					keys = this.config.columns;
 				}

package/src/js/modules/ResizeColumns/ResizeColumns.js

@@ -94,7 +94,7 @@ class ResizeColumns extends Module{
 		
 		if((mode === true || mode == type) && this._checkResizability(nearestColumn)){
 			
-			var handle = document.createElement('div');
+			var handle = document.createElement('span');
 			handle.className = "tabulator-col-resize-handle";
 			
 			handle.addEventListener("click", function(e){

package/src/js/modules/Sort/defaults/sorters/datetime.js

@@ -8,18 +8,18 @@ export default function(a, b, aRow, bRow, column, dir, params){
 	if(typeof DT != "undefined"){
 		if(DT.isDateTime(a)){
 			 a = a;
-		}else if(inputFormat === "iso"){
+		}else if(format === "iso"){
 			 a = DT.fromISO(String(a));
 		}else{
-			 a = DT.fromFormat(String(a), inputFormat);
+			 a = DT.fromFormat(String(a), format);
 		}
 
 		if(DT.isDateTime(b)){
 			 b = b;
-		}else if(inputFormat === "iso"){
-			 a = DT.fromISO(String(b));
+		}else if(format === "iso"){
+			 b = DT.fromISO(String(b));
 		}else{
-			 b = DT.fromFormat(String(b), inputFormat);
+			 b = DT.fromFormat(String(b), format);
 		}
 
 		if(!a.isValid){

package/src/js/modules/Validate/Validate.js

@@ -89,7 +89,7 @@ class Validate extends Module{
 		var invalid = [];
 		
 		column.cells.forEach((cell) => {
-			if(!this.cellValidate(cell)){
+			if(this.cellValidate(cell) !== true){
 				invalid.push(cell.getComponent());
 			}
 		});
@@ -105,7 +105,7 @@ class Validate extends Module{
 		var invalid = [];
 		
 		row.cells.forEach((cell) => {
-			if(!this.cellValidate(cell)){
+			if(this.cellValidate(cell) !== true){
 				invalid.push(cell.getComponent());
 			}
 		});
@@ -305,4 +305,4 @@ Validate.moduleName = "validate";
 //load defaults
 Validate.validators = defaultValidators;
 
-export default Validate;
+export default Validate;

package/src/scss/tabulator.scss

@@ -561,6 +561,11 @@ $footerActiveColor:#d00 !default; //footer bottom active text color
 		&:hover{
 			cursor:ew-resize;
 		}
+
+		&:last-of-type{
+			width:3px;
+			margin-right:0;
+		}
 	}
 	
 	

package/src/scss/themes/bootstrap/tabulator_bootstrap5.scss

@@ -543,4 +543,24 @@ $table-cell-padding-sm: 5px;
 			}
 		}
 	}
+}
+
+.tabulator-popup-container{
+	background:#fff;
+}
+
+.tabulator-edit-list{
+	.tabulator-edit-list-item{
+		&.active{
+			color:#fff;
+
+			&.focused{
+				outline:1px solid rgba(#fff, .5);
+			}
+		}
+
+		&:hover{
+			color:#fff;
+		}
+	}
 }