@refinitiv-ui/efx-grid 6.0.109 → 6.0.110

package/lib/core/dist/core.js

@@ -25710,7 +25710,7 @@ Core_Core.prototype._hasPendingRowChange = false;
 * @return {string}
 */
 Core_Core.getVersion = function () {
-	return "5.1.111";
+	return "5.1.113";
 };
 /** {@link ElementWrapper#dispose}
 * @override
@@ -25853,6 +25853,9 @@ Core_Core.prototype.getConfigObject = function (gridOptions) {
 		if (columnDef["rightPinned"]) {
 			column["rightPinned"] = columnDef["rightPinned"];
 		}
+		if (columnDef["backgroundColor"]) {
+			column["backgroundColor"] = columnDef["backgroundColor"];
+		}
 	}
 
 	// It will be overwrite in rt-grid or atlas-blotter
@@ -27141,6 +27144,10 @@ Core_Core.prototype._deserializeColumn = function (index, jsonObj) {
 	if (value != null) {
 		colDef["rightPinned"] = value ? true : false;
 	}
+	value = jsonObj["backgroundColor"];
+	if (value != null) {
+		this.setColumnBackgroundColor(index, value);
+	}
 
 	this.setColumnRenderingHandler(index, jsonObj["renderingHandler"]);
 	this.setColumnDataBindingHandler(index, jsonObj["dataBindingHandler"]);
@@ -27400,6 +27407,56 @@ Core_Core.prototype.setColumnStyle = function (colIndex, style, value, opt_type)
 	}
 };
 
+/** @public
+* @param {number} colIndex
+* @return {string}
+*/
+Core_Core.prototype.getColumnBackgroundColor = function(colIndex) {
+	let colDef = this._getColumnDef(colIndex);
+	return colDef["backgroundColor"] || "";
+};
+/** @public
+* @param {number} colIndex
+* @param {string=} color
+*/
+Core_Core.prototype.setColumnBackgroundColor = function(colIndex, color) {
+	if(colIndex == null || typeof colIndex !== "number") {
+		return;
+	}
+
+	let colDef = this._getColumnDef(colIndex);
+	if(colDef["backgroundColor"] === color) {
+		return;
+	}
+
+	colDef["backgroundColor"] = color;
+	color = color != null ? color : "";
+
+	let sectionCount = this._settings.length;
+	for(let i = 0; i < sectionCount; ++i) {
+		let settings = this._settings[i];
+		let section = settings.getSection();
+		if(!section) {
+			continue;
+		}
+
+		if(settings.getType() !== "content") {
+			let rowCount = section.getRowCount();
+			for(let r = 0; r < rowCount; r++) {
+				let cellSpan = section.getCellColSpan(colIndex, r);
+				if(cellSpan > 1) { continue; }
+				let cell = section.getCell(colIndex, r);
+				if(cell) {
+					cell.setStyle("backgroundColor", color);
+				}
+			}
+		} else {
+			let column = section.getColumn(colIndex);
+			column.setStyle("backgroundColor", color);
+		}
+	}
+};
+
 /** @public
 * @param {number} colIndex
 * @param {string} clsName
@@ -30059,6 +30116,9 @@ Core_Core.prototype._dispatchRowExpansionBinding = function (e) {
 		}
 
 		let ctxRow = section.getContextRow(r);
+		if(!ctxRow) {
+			continue; // The row may have been pushed out of view due to row count or height changed during the binding
+		}
 		let parentId = dataView.getExpansionParentByRowId(rowId);
 		if(parentId) { // dispatch to render row expansion
 			e["originalRowData"] = dataView.getRowData(parentId);