@refinitiv-ui/efx-grid 6.0.116 → 6.0.118

package/lib/rt-grid/es6/ColumnDefinition.js

@@ -337,9 +337,12 @@ ColumnDefinition.prototype.initialize = function(columnOption) {
 
 	this._setField(field, columnOption); // Perform some field manipulation
 
-	val = columnOption["name"] || columnOption["title"]; // title is migrated from Composite Grid
+	val = columnOption["name"];
+	if(val == null) {
+		val = columnOption["title"]; // For backward compatability
+	}
 	if(val != null) { // Name can be empty string
-		this._name = val;
+		this._name = (typeof val === "string") ? val : (val + "");
 		this._defaultName = false;
 	}
 

package/lib/rt-grid/es6/DataConnector.d.ts

@@ -11,6 +11,8 @@ declare class DataConnector extends EventDispatcher {
 
     public getAllRics(): (string)[]|null;
 
+    public hasRic(): boolean;
+
     public getAllRowDefs(): (RowDefinition)[]|null;
 
     public getAllFields(): (string)[];

package/lib/rt-grid/es6/DataConnector.js

@@ -53,6 +53,14 @@ DataConnector.prototype.getAllRics = function () {
 	return this._rics.getAllReferences();
 };
 
+/**
+ * @public
+ * @returns {boolean}
+*/
+DataConnector.prototype.hasRic = function () {
+	return this._rics.hasReference();
+};
+
 /** @public
  * @returns {Array.<RowDefinition>}
 */

package/lib/rt-grid/es6/Grid.d.ts

@@ -256,6 +256,8 @@ declare class Grid extends EventDispatcher {
 
     public getAllRics(): (string)[]|null;
 
+    public hasRic(): boolean;
+
     public setRowData(rowRef: Grid.RowReference|null, values: any): void;
 
     public setStaticRowData(rowRef: Grid.RowReference|null, values: any): void;
@@ -296,6 +298,8 @@ declare class Grid extends EventDispatcher {
 
     public clearSort(): void;
 
+    public getSortingStates(): (any)[];
+
     public getDataView(): DataView|null;
 
     public setPage(pageIndex: number): boolean;

package/lib/rt-grid/es6/Grid.js

@@ -600,6 +600,12 @@ Grid.prototype._focusingArgs = null;
 * @private
 */
 Grid.prototype._scrolledRow = -1;
+/** @type {boolean}
+* @private
+*/
+Grid.prototype._unlinking = false;
+
+
 /** @public
 */
 Grid.prototype.dispose = function() {
@@ -2770,7 +2776,9 @@ Grid.prototype.unlinkChain = function(rowRef) {
 		return;
 	}
 
+	this._unlinking = true;
 	rowDef.unlinkChain();
+	this._unlinking = false;
 };
 
 /** Alias to setRic
@@ -3076,6 +3084,14 @@ Grid.prototype.setRicData = function(ric, values) {
 Grid.prototype.getAllRics = function() {
 	return this._connector.getAllRics();
 };
+
+/** Returns true if there is at least 1 RIC in the grid. This method includes RICs not in the row.
+* @public
+* @return {boolean}
+*/
+Grid.prototype.hasRic = function() {
+	return this._connector.hasRic();
+};
 /** A shorthand to set row data based on index of the specified row. It is better to keep rowDefinition object for updating data directly as row index can be changed by sorting and filtering.
 * @public
 * @param {Grid~RowReference} rowRef
@@ -3459,6 +3475,28 @@ Grid.prototype.getSortOrder = function() {
 Grid.prototype.clearSort = function() {
 	this._stp.clearSortState(); // WARNING: No event is dispatched
 };
+/** Get sorting states from sorting columns
+* @public
+* @return {!Array.<Object>} Array of sorting states ordered by priority. If there is no sorting column, an empty array is returned
+*/
+Grid.prototype.getSortingStates = function () { // This method is mainly for backward compatability
+	let ary = [];
+	let states = this._stp.getSortingStates();
+	let stateCount = states.length;
+
+	for (let i = 0; i < stateCount; i++) {
+		let state = states[i];
+		let colIndex = this._stp.getSortedColumnIndex(i);
+
+		ary.push({
+			"colId": this.getColumnId(colIndex),
+			"colIndex": colIndex,
+			"order": state["sortOrder"]
+		});
+	}
+
+	return ary;
+};
 
 /**
 * @private
@@ -3478,7 +3516,7 @@ Grid.prototype._onQuote2PostUpdate = function (e) {
 */
 Grid.prototype._onDataChanged = function(e) {
 	let rowData = e["rowData"]; // Use rowData to retrieve corresponding subscription object
-	if (!rowData) {
+	if (!rowData || this._unlinking) {
 		return; // This must be a global change
 	}
 	let rowDef = rowData[ROW_DEF];

package/lib/rt-grid/es6/ReferenceCounter.d.ts

@@ -10,6 +10,8 @@ declare class ReferenceCounter {
 
     public getAllReferences(): (string)[];
 
+    public hasReference(): boolean;
+
     public getAllReferers(): (string)[];
 
     public getAllReferrers(): (string)[];

package/lib/rt-grid/es6/ReferenceCounter.js

@@ -40,6 +40,16 @@ ReferenceCounter.prototype.getAllReferences = function() {
 	return Object.keys(this._counter);
 };
 
+/** @public
+* @return {boolean}
+*/
+ReferenceCounter.prototype.hasReference = function() {
+	for (const key in this._counter) {
+		return true;
+	}
+	return false;
+};
+
 /** @public
 * @return {!Array.<string>}
 */

package/lib/rt-grid/es6/RowDefinition.js

@@ -12,7 +12,7 @@ import { DataTable } from "../../core/es6/data/DataTable.js";
 * @property {Array.<string>=} fields=null Field that corresponds to the given static values
 * @property {boolean=} asChain=false The given ric will be treated as a chain
 * @property {string=} chainRic="" RIC to be used for chain request (overiding ric property)
-* @property {boolean=} collapsed=true Chain or segment is collapsed by default
+* @property {boolean=} collapsed Chain is collapsed by default. Segment is expanded by default.
 * @property {(string|null)=} label=null
 * @property {boolean=} hidden=true When this row is hidden
 * @property {boolean=} realTime=true Realtime row, able to request for JET/RTK
@@ -139,7 +139,7 @@ RowDefinition.prototype._subId = "";
 /** @type {boolean|null}
 * @private
 */
-RowDefinition.prototype._expanded = null;
+RowDefinition.prototype._collapsed = null;
 /** @type {boolean}
 * @private
 */
@@ -271,17 +271,15 @@ RowDefinition.prototype.initialize = function(rowOptions) {
 		this._realTime = val;
 	}
 
-	val = rowOptions["collapsed"];
-	let collapsed = extractedOptions["collapsed"];
-	if(val != null || !collapsed){
-		this._expanded = !collapsed;
-	}
-
 	val = rowOptions["asSegment"];
 	if(val != null) {
 		this._asSegment = val ? true : false;
 	}
 
+	if(this._isChain) {
+		this._collapsed = extractedOptions["collapsed"]; // Temporary state
+	}
+
 	val = rowOptions["keepModel"];
 	if(val) {
 		this._userModel = rowOptions;
@@ -403,12 +401,11 @@ RowDefinition.prototype.setContent = function(userInput, extractedOptions) {
 	this.resetUpdates(); // Remove all previous data updates because a new content is just entered
 
 	this._userInput = userInput;
+	let collapsed = extractedOptions["collapsed"];
 	if(realtimeRow) {
-		let expanded = !extractedOptions["collapsed"];
 		let chainRic = extractedOptions["chainRic"];
 		if(asChain === true){
-			this._ric = expanded === false ? userInput : userInput.replace("0#", "");
-			this._expanded = expanded; // Only chain can be expanded by 0#
+			this._ric = collapsed === true ? userInput : userInput.replace("0#", "");
 		} else {
 			this._ric = userInput;
 		}
@@ -435,15 +432,12 @@ RowDefinition.prototype.setContent = function(userInput, extractedOptions) {
 		if(this._isChain) {
 			dv.setSegmentSeparator(this._rowId, true);
 		}
-		if(this.isChainCollapsed()) {
-			if(this._expanded){
-				this.expandChain();
-			}
-		} else {
-			if (!this._expanded) {
-				this.collapseChain();
-			}
+
+		if(collapsed !== this.isChainCollapsed()) {
+			dv.collapseSegment(this._rowId, collapsed);
 		}
+		this._collapsed = null;
+
 		_stallSorting(dv, false, stalledSorting);
 		if(segmentId) { // If data id is changed and the row is a child of a segment, then segment child data id must be updated
 			dv.addSegmentChild(segmentId, this._rowId, this._dataId);
@@ -519,9 +513,9 @@ RowDefinition.prototype.getConfigObject = function(rowOptions) {
 		obj["asChain"] = val;
 	}
 
-	val = this._expanded;
+	val = this._collapsed;
 	if(val != null) {
-		obj["collapsed"] = !val;
+		obj["collapsed"] = val;
 	}
 
 	// check row hidden
@@ -1029,8 +1023,9 @@ RowDefinition.prototype.registerToView = function(view, rowId) {
 	if(isSegment) {
 		view.setSegmentSeparator(newRowId);
 		_stallSorting(view, false, stalledSorting);
-		if(!this._expanded) {
-			view.collapseSegment(newRowId);
+		if(this._collapsed != null) {
+			view.collapseSegment(newRowId, this._collapsed);
+			this._collapsed = null;
 		}
 	} else if(!this._parent && parentRowId) { // Constituent cannot be added to another segment
 		view.addSegmentChild(parentRowId, newRowId, this._dataId);
@@ -1148,23 +1143,22 @@ RowDefinition.prototype._toRealTimeRow = function() {
 	if(!this._ric) { // Empty row
 		return;
 	}
-	if(this.isRowHeader()) {
-		return;
+	if(this.isRowHeader() || !this._parent) {
+		return; // If the row is already a normal row or row header, it cannot be converted
 	}
 
-	this._realTimeField = true;
+	this._realTime = true;
+	this._dc.setRowData(this._dataId, null); // Remove existing data. WARNING: Trigger data update immediately
 	this._dataId = this._rowId + this._ric; // JET/RTK will generate data id to be rowId (given from this rowDef) + ric;
 
 	this._autoGenerated = false;
 	this._parent = null;
 	this._depthLevel = 0;
 
-	// Add static value to the new allocated row
-	if(this._staticValues) {
+	this.subscribeForUpdates();
+	if(this._staticValues) { // Add static value to the new allocated row
 		this.setRowData(this._staticValues);
 	}
-
-	this.subscribeForUpdates();
 };
 
 /** @public
@@ -1198,7 +1192,7 @@ RowDefinition.prototype.unlinkChain = function() {
 		view.setSegmentSeparator(rid, false);
 	}
 
-	this._isChain = this._expanded = false;
+	this._isChain = false;
 	this._chainRic = "";
 	this._userInput = this._ric;
 	this._children = null;
@@ -1211,7 +1205,6 @@ RowDefinition.prototype.unlinkChain = function() {
 */
 RowDefinition.prototype.collapseChain = function() {
 	if(this._isChain && this._view) {
-		this._expanded = false;
 		return this._view.collapseSegment(this._rowId, true);
 	}
 	return false;
@@ -1227,7 +1220,6 @@ RowDefinition.prototype.collapseChain = function() {
 */
 RowDefinition.prototype.expandChain = function() {
 	if(this._isChain && this._view) {
-		this._expanded = true;
 		return this._view.collapseSegment(this._rowId, false);
 	}
 	return false;
@@ -1240,7 +1232,7 @@ RowDefinition.prototype.expandChain = function() {
 * @return {boolean} Returns true if there is a change in view
 */
 RowDefinition.prototype.toggleChain = function() {
-	if(this._expanded) {
+	if(this.isChainExpanded()) {
 		return this.collapseChain();
 	} else {
 		return this.expandChain();
@@ -1421,6 +1413,8 @@ RowDefinition.extractRowOptions = function(rowOptions) {
 			asChain = true;
 		}
 		expanded = true;
+	} else if(asChain) {
+		expanded = false;
 	}
 
 	let extractedOptions = {};

package/lib/tr-grid-auto-tooltip/es6/AutoTooltip.d.ts

@@ -1,5 +1,6 @@
 import { Ext } from "../../tr-grid-util/es6/Ext.js";
 import { GridPlugin } from "../../tr-grid-util/es6/GridPlugin.js";
+import { Conflator } from "../../tr-grid-util/es6/Conflator.js";
 
 declare namespace AutoTooltipPlugin {
 

package/lib/tr-grid-auto-tooltip/es6/AutoTooltip.js

@@ -1,5 +1,6 @@
 import { Ext } from "../../tr-grid-util/es6/Ext.js";
 import { GridPlugin } from "../../tr-grid-util/es6/GridPlugin.js";
+import { Conflator } from "../../tr-grid-util/es6/Conflator.js";
 
 var isSafari = navigator.vendor &&
 	navigator.vendor.indexOf('Apple') > -1 &&
@@ -26,11 +27,20 @@ var isSafari = navigator.vendor &&
 * @extends {GridPlugin}
 */
 var AutoTooltipPlugin = function (options) {
-	this.requestTooltipUpdate = this.requestTooltipUpdate.bind(this);
 	this.applyTooltipToAllColumns = this.applyTooltipToAllColumns.bind(this);
 	this._onPreSectionDataBinding = this._onPreSectionDataBinding.bind(this);
+	this._onPostSectionDataBinding = this._onPostSectionDataBinding.bind(this);
 	this._onColumnAdded = this._onColumnAdded.bind(this);
 
+	this._requestNonContentSectionUpdate = this._requestNonContentSectionUpdate.bind(this);
+	this._nonContentSectionUpdateConflator = new Conflator(300, this._requestNonContentSectionUpdate);
+
+	this._requestContentSectionUpdate = this._requestContentSectionUpdate.bind(this);
+	this._contentSectionUpdateConflator = new Conflator(300, this._requestContentSectionUpdate);
+
+	this.requestTooltipUpdate = this.requestTooltipUpdate.bind(this);
+	this._tooltipUpdateConflator = new Conflator(300, this.requestTooltipUpdate);
+
 	this._hosts = [];
 
 	if (options) {
@@ -39,6 +49,39 @@ var AutoTooltipPlugin = function (options) {
 };
 Ext.inherits(AutoTooltipPlugin, GridPlugin);
 
+/** @private
+* @param {Object} column
+* @return {boolean}
+*/
+AutoTooltipPlugin._isColumnVisible = function(column) {
+	if(!column) {
+		return false;
+	}
+
+	if(column.getVisibility && !column.getVisibility()) {
+		return false;
+	}
+
+	var colElem = column.getElement();
+	if(!colElem) {
+		return false;
+	}
+
+	return true;
+};
+
+/** @private
+* @param {Array.<Object>} hosts
+* @return {boolean}
+*/
+AutoTooltipPlugin._isUpdateRequired = function(hosts) {
+	var len = hosts.length;
+	if(len <= 0 || isSafari) {
+		return false;
+	}
+	return true;
+};
+
 /** If true, include title sections into the calculation
 * @type {boolean}
 * @private
@@ -63,6 +106,11 @@ AutoTooltipPlugin.prototype._applyTimer = 0;
 */
 AutoTooltipPlugin.prototype._calcDelay = 300;
 
+/** @type {boolean}
+* @private
+*/
+AutoTooltipPlugin.prototype._nonContentSectionUpdated = false;
+
 /** @public
 * @return {string}
 */
@@ -87,12 +135,12 @@ AutoTooltipPlugin.prototype.initialize = function (host, options) {
 		return;
 	}
 	host.listen("preSectionDataBinding", this._onPreSectionDataBinding);
-	host.listen("postSectionDataBinding", this.requestTooltipUpdate);
+	host.listen("postSectionDataBinding", this._onPostSectionDataBinding);
 	host.listen("widthChanged", this.requestTooltipUpdate);
 	host.listen("columnAdded", this._onColumnAdded);
 
 	// In case of lazy loading
-	this.requestTooltipUpdate();
+	this._requestAllSectionsUpdate();
 };
 
 /** @public
@@ -104,15 +152,13 @@ AutoTooltipPlugin.prototype.unload = function (host) {
 	this._hosts.splice(at, 1);
 
 	host.unlisten("preSectionDataBinding", this._onPreSectionDataBinding);
-	host.unlisten("postSectionDataBinding", this.requestTooltipUpdate);
+	host.unlisten("postSectionDataBinding", this._onPostSectionDataBinding);
 	host.unlisten("widthChanged", this.requestTooltipUpdate);
 	host.unlisten("columnAdded", this._onColumnAdded);
 
 	if (!this._hosts.length) {
-		if (this._applyTimer) {
-			clearTimeout(this._applyTimer);
-			this._applyTimer = 0;
-		}
+		this._tooltipUpdateConflator.reset();
+		this._nonContentSectionUpdateConflator.reset();
 	}
 
 	this._dispose();
@@ -131,9 +177,9 @@ AutoTooltipPlugin.prototype.config = function (options) {
 		if (val != null) {
 			this._title = val ? true : false;
 		}
-		var footerVal = extOptions["footer"];
-		if (footerVal != null) {
-			this._footer = footerVal ? true : false;
+		val = extOptions["footer"];
+		if (val != null) {
+			this._footer = val ? true : false;
 		}
 		// Enable auto tooltip to all column by default
 		val = extOptions["content"];
@@ -142,7 +188,7 @@ AutoTooltipPlugin.prototype.config = function (options) {
 		}
 	}
 
-	// Retrive auto tooltip data from comlum
+	// Retrive auto tooltip data from columns
 	var columns = options["columns"];
 	if (columns) {
 		var len = columns.length;
@@ -217,28 +263,28 @@ AutoTooltipPlugin.prototype._configColumn = function(colIndex, columnConfig) {
 * @param {number=} toR End row index
 */
 AutoTooltipPlugin.prototype.applyTooltip = function (colIndex, fromR, toR) {
-	var len = this._hosts.length;
-	if (len <= 0 || isSafari) {
+	var hosts = this._hosts;
+	if(!AutoTooltipPlugin._isUpdateRequired(hosts)) {
 		return;
 	}
 
-	for (var i = 0; i < len; ++i) {
+	for (var i = 0; i < hosts.length; ++i) {
 		var host = this._hosts[i];
 		if (this._title) {
 			var titles = host.getAllSections("title");
 			for (var t = titles.length; --t >= 0;) {
-				this._applyTooltipToSection(titles[t], colIndex);
+				this._updateNonContentSection(titles[t], colIndex);
 			}
 		}
 		if (this._footer) {
 			var footers = host.getAllSections("footer");
 			for (var j = footers.length; --j >= 0;) {
-				this._applyTooltipToSection(footers[j], colIndex);
+				this._updateNonContentSection(footers[j], colIndex);
 			}
 		}
 
 		if(this._isTooltipCandidate(colIndex)) {
-			this._applyTooltipToSection(host.getSection("content"), colIndex, fromR, toR);
+			this._updateContentSection(host.getSection("content"), colIndex, fromR, toR);
 		}
 	}
 };
@@ -268,6 +314,135 @@ AutoTooltipPlugin.prototype.applyTooltipToAllColumns = function () {
 	}
 };
 
+/** This is similar applyTooltipToColumns() method, but it consolidate multiple requests into one for better performance
+* @public
+*/
+AutoTooltipPlugin.prototype.requestTooltipUpdate = function () {
+	if(this._tooltipUpdateConflator.conflate()) {
+		return;
+	}
+
+	this.applyTooltipToAllColumns();
+};
+
+/**
+* @private
+*/
+AutoTooltipPlugin.prototype._requestAllSectionsUpdate = function () {
+	if(!this._nonContentSectionUpdated) {
+		this._requestNonContentSectionUpdate();
+	}
+
+	this._requestContentSectionUpdate();
+};
+
+/** @private
+*/
+AutoTooltipPlugin.prototype._requestNonContentSectionUpdate = function () {
+	if(this._nonContentSectionUpdateConflator.conflate()) {
+		return;
+	}
+
+	var hosts = this._hosts;
+	if(!AutoTooltipPlugin._isUpdateRequired(hosts)) {
+		return;
+	}
+
+	this._nonContentSectionUpdated = true;
+
+	var colCount = this.getColumnCount();
+	var sections, s, c;
+	for(var i = 0; i < hosts.length; ++i) {
+		var host = hosts[i];
+
+		sections = host.getAllSections("title");
+		for(s = 0; s < sections.length; s++) {
+			for(c = 0; c < colCount; c++) {
+				this._updateNonContentSection(sections[s], c);
+			}
+		}
+
+		sections = host.getAllSections("footer");
+		for(s = 0; s < sections.length; s++) {
+			for(c = 0; c < colCount; c++) {
+				this._updateNonContentSection(sections[s], c);
+			}
+		}
+	}
+};
+
+
+/** @private
+*/
+AutoTooltipPlugin.prototype._requestContentSectionUpdate = function () {
+	if(this._contentSectionUpdateConflator.conflate()) {
+		return;
+	}
+
+	var hosts = this._hosts;
+	if(!AutoTooltipPlugin._isUpdateRequired(hosts)) {
+		return;
+	}
+
+	var colCount = this.getColumnCount();
+	for(var i = 0; i < hosts.length; ++i) {
+		var section = hosts[i].getSection("content");
+		for(var c = 0; c < colCount; c++) {
+			if(this._isTooltipCandidate(c)) {
+				this._updateContentSection(section, c);
+			}
+		}
+	}
+};
+
+/**
+* @private
+* @param {Object} section ILayoutGrid
+* @param {number} colIndex Column index
+* @return {boolean} True if there is any change, otherwise false
+*/
+AutoTooltipPlugin.prototype._updateNonContentSection = function (section, colIndex) {
+	if(!section) { return false; }
+
+	var column = section.getColumn(colIndex);
+	if(!AutoTooltipPlugin._isColumnVisible(column)) {
+		return false;
+	}
+
+	var rowCount = section.getRowCount();
+	for(var r = 0; r < rowCount; ++r) {
+		var cell = section.getCell(colIndex, r, false); // Ignore cell span
+		if(!cell || !cell.isVisible()) { return false; }
+
+		var elem = cell.getContent();
+		if(!elem) { return false; }
+
+		// Set tooltip only if text's length is longer than column width.
+		var tooltip = cell.getAttribute("tooltip") || cell.getTooltip();
+
+		var sw = elem.scrollWidth;
+		if(sw && sw > elem.offsetWidth) {
+			if(!tooltip) {
+				tooltip = cell.getTextContent(); // TODO: Allow custom tooltip text
+				cell._autoTooltip = true;
+			}
+		} else {
+			if(cell._autoTooltip) {
+				tooltip = "";
+				cell._autoTooltip = false;
+			}
+		}
+
+		cell.setTooltip(tooltip); // TODO: Avoiding using getter and setter in the same loop
+		if(tooltip) {
+			cell.setAttribute("ef-title", tooltip); // to make sure ef-title value will actually change
+		} else {
+			cell.removeAttribute("ef-title");
+		}
+	}
+	return true;
+};
+
 /**
 * @private
 * @param {Object} section ILayoutGrid
@@ -276,7 +451,7 @@ AutoTooltipPlugin.prototype.applyTooltipToAllColumns = function () {
 * @param {number=} toR End row index
 * @return {boolean} True if there is any change, otherwise false
 */
-AutoTooltipPlugin.prototype._applyTooltipToSection = function (section, colIndex, fromR, toR) {
+AutoTooltipPlugin.prototype._updateContentSection = function (section, colIndex, fromR, toR) {
 	if (!section) { return false; }
 
 	if (fromR == null) {
@@ -390,7 +565,7 @@ AutoTooltipPlugin.prototype._clearTooltipCache = function (section, colIndex, fr
 * @param {Event} e event from preSectionDataBinding
 */
 AutoTooltipPlugin.prototype._onPreSectionDataBinding = function (e) {
-	if (e && 'content' === e.sectionType) {
+	if (e && e.sectionType === "content") {
 		var colCount = this.getColumnCount();
 		var isDataChange = e.actualUpdate === true;
 		for (var c = 0; c < colCount; ++c) {
@@ -399,13 +574,11 @@ AutoTooltipPlugin.prototype._onPreSectionDataBinding = function (e) {
 	}
 };
 
-/** This is similar applyTooltipToColumns() method, but it consolidate multiple requests into one for better performance
-* @public
+/** @private
+* @param {Event} e event from preSectionDataBinding
 */
-AutoTooltipPlugin.prototype.requestTooltipUpdate = function () {
-	if (!this._applyTimer) {
-		this._applyTimer = setTimeout(this.applyTooltipToAllColumns, this._calcDelay);
-	}
+AutoTooltipPlugin.prototype._onPostSectionDataBinding = function (e) {
+	this._requestAllSectionsUpdate();
 };
 
 /** @private
@@ -414,6 +587,7 @@ AutoTooltipPlugin.prototype.requestTooltipUpdate = function () {
 AutoTooltipPlugin.prototype._onColumnAdded = function(e) {
 	if(e.context && e.colIndex != null) {
 		this._configColumn(e.colIndex, e.context);
+		this._nonContentSectionUpdated = false; // Allow title/footer update in postSectionDataBinding
 	}
 };