@openui5/sap.ui.table 1.123.1 → 1.124.0

package/src/sap/ui/table/TableRenderer.js

@@ -28,16 +28,16 @@ sap.ui.define([
 ) {
 	"use strict";
 
-	var SortOrder = CoreLibrary.SortOrder;
-	var ColumnUtils = TableUtils.Column;
-	var mFlexCellContentAlignment = {
+	const SortOrder = CoreLibrary.SortOrder;
+	const ColumnUtils = TableUtils.Column;
+	const mFlexCellContentAlignment = {
 		Begin: "flex-start",
 		End: "flex-end",
 		Left: undefined, // Set on every call of TableRenderer#render to respect the current text direction.
 		Right: undefined, // Set on every call of TableRenderer#render to respect the current text direction.
 		Center: "center"
 	};
-	var Hook = TableUtils.Hook.Keys.TableRenderer;
+	const Hook = TableUtils.Hook.Keys.TableRenderer;
 
 	/**
 	 * Table renderer.
@@ -45,7 +45,7 @@ sap.ui.define([
 	 * @namespace
 	 * @alias sap.ui.table.TableRenderer
 	 */
-	var TableRenderer = {
+	const TableRenderer = {
 		apiVersion: 2
 	};
 
@@ -94,7 +94,7 @@ sap.ui.define([
 		 */
 		try {
 			// This class flags whether the sap.m. library is loaded or not.
-			var sSapMTableClass = TableUtils._getTableTemplateHelper(true).addTableClass();
+			const sSapMTableClass = TableUtils._getTableTemplateHelper(true).addTableClass();
 			if (sSapMTableClass) {
 				rm.class(sSapMTableClass);
 			}
@@ -102,7 +102,7 @@ sap.ui.define([
 			// ignore
 		}
 
-		var oScrollExtension = oTable._getScrollExtension();
+		const oScrollExtension = oTable._getScrollExtension();
 		if (oScrollExtension.isVerticalScrollbarRequired() && !oScrollExtension.isVerticalScrollbarExternal()) {
 			rm.class("sapUiTableVScr"); // show vertical scrollbar
 		}
@@ -114,8 +114,8 @@ sap.ui.define([
 		}
 
 		if (TableUtils.hasRowActions(oTable)) {
-			var iRowActionCount = oTable.getRowActionCount();
-			rm.class(iRowActionCount == 1 ? "sapUiTableRActS" : "sapUiTableRAct");
+			const iRowActionCount = oTable.getRowActionCount();
+			rm.class(iRowActionCount === 1 ? "sapUiTableRActS" : "sapUiTableRAct");
 		} else if (TableUtils.hasRowNavigationIndicators(oTable)) {
 			rm.class("sapUiTableRowNavIndicator");
 		}
@@ -128,7 +128,7 @@ sap.ui.define([
 			rm.class("sapUiTableOverlay");
 		}
 
-		var sModeClass = TableUtils.Grouping.getModeCssClass(oTable);
+		const sModeClass = TableUtils.Grouping.getModeCssClass(oTable);
 		if (sModeClass) {
 			rm.class(sModeClass);
 		}
@@ -187,7 +187,7 @@ sap.ui.define([
 
 		rm.close("div");
 
-		var oCreationRow = oTable.getCreationRow();
+		const oCreationRow = oTable.getCreationRow();
 		if (oCreationRow && oCreationRow.getVisible()) {
 			rm.renderControl(oCreationRow);
 
@@ -265,7 +265,7 @@ sap.ui.define([
 	};
 
 	TableRenderer.renderExtensions = function(rm, oTable, aExtensions) {
-		for (var i = 0, l = aExtensions.length; i < l; i++) {
+		for (let i = 0, l = aExtensions.length; i < l; i++) {
 			this.renderExtension(rm, oTable, aExtensions[i]);
 		}
 	};
@@ -282,7 +282,7 @@ sap.ui.define([
 	};
 
 	TableRenderer.renderTable = function(rm, oTable) {
-		var bHasRows = oTable.getRows().length > 0;
+		const bHasRows = oTable.getRows().length > 0;
 
 		this.renderTabElement(rm, "sapUiTableCtrlBefore", bHasRows ? "0" : "-1");
 
@@ -297,7 +297,7 @@ sap.ui.define([
 		this.renderTabElement(rm, "sapUiTableCtrlAfter", bHasRows ? "0" : "-1");
 		this.renderTabElement(rm, null, "-1", oTable.getId() + "-focusDummy");
 
-		var oCreationRow = oTable.getCreationRow();
+		const oCreationRow = oTable.getCreationRow();
 		if (!oCreationRow || !oCreationRow.getVisible()) {
 			this.renderHSbBackground(rm, oTable);
 			this.renderHSb(rm, oTable);
@@ -319,7 +319,7 @@ sap.ui.define([
 		oTable._getAccRenderExtension().writeAriaAttributesFor(rm, oTable, "NODATA");
 		rm.openEnd();
 
-		var vNoContentMessage = TableUtils.getNoContentMessage(oTable);
+		const vNoContentMessage = TableUtils.getNoContentMessage(oTable);
 
 		if (TableUtils.isA(vNoContentMessage, "sap.ui.core.Control")) {
 			rm.renderControl(vNoContentMessage);
@@ -350,9 +350,9 @@ sap.ui.define([
 	// =============================================================================
 
 	TableRenderer.renderColHdr = function(rm, oTable) {
-		var nRows = TableUtils.getHeaderRowCount(oTable);
-		var aCols = oTable.getColumns();
-		var iFixedColumnCount = oTable.getComputedFixedColumnCount();
+		const nRows = TableUtils.getHeaderRowCount(oTable);
+		const aCols = oTable.getColumns();
+		const iFixedColumnCount = oTable.getComputedFixedColumnCount();
 
 		rm.openStart("div");
 		rm.class("sapUiTableColHdrCnt");
@@ -377,7 +377,7 @@ sap.ui.define([
 		rm.openStart("div", oTable.getId() + "-sapUiTableColHdrScr");
 		rm.class("sapUiTableCHA"); // marker for the column header area
 		rm.class("sapUiTableCtrlScr");
-		if (aCols.length == 0) {
+		if (aCols.length === 0) {
 			rm.class("sapUiTableHasNoColumns");
 		}
 		if (iFixedColumnCount > 0) {
@@ -422,9 +422,9 @@ sap.ui.define([
 	};
 
 	TableRenderer.renderColRowHdr = function(rm, oTable) {
-		var bEnabled = false;
-		var bSelAll = false;
-		var mRenderConfig = oTable._getSelectionPlugin().getRenderConfig();
+		let bEnabled = false;
+		let bSelAll = false;
+		const mRenderConfig = oTable._getSelectionPlugin().getRenderConfig();
 
 		rm.openStart("div", oTable.getId() + "-selall");
 
@@ -432,14 +432,15 @@ sap.ui.define([
 		rm.class("sapUiTableHeaderCell");
 		rm.class("sapUiTableRowSelectionHeaderCell");
 
-		var sSelectAllResourceTextID;
 		if (mRenderConfig.headerSelector.visible) {
-			var bAllRowsSelected = mRenderConfig.headerSelector.selected;
+			const bAllRowsSelected = mRenderConfig.headerSelector.selected;
 
 			if (mRenderConfig.headerSelector.type === "toggle") {
-				sSelectAllResourceTextID = bAllRowsSelected ? "TBL_DESELECT_ALL" : "TBL_SELECT_ALL";
-			} else if (mRenderConfig.headerSelector.type === "clear") {
-				sSelectAllResourceTextID = "TBL_DESELECT_ALL";
+				const sTitle = bAllRowsSelected ? "TBL_DESELECT_ALL" : "TBL_SELECT_ALL";
+				rm.attr("title", TableUtils.getResourceText(sTitle));
+			} else if (mRenderConfig.headerSelector.type === "custom") {
+				const sTitle = mRenderConfig.headerSelector.tooltip;
+				rm.attr("title", sTitle);
 
 				if (!mRenderConfig.headerSelector.enabled) {
 					rm.class("sapUiTableSelAllDisabled");
@@ -447,9 +448,6 @@ sap.ui.define([
 				}
 			}
 
-			if (sSelectAllResourceTextID) {
-				rm.attr("title", TableUtils.getResourceText(sSelectAllResourceTextID));
-			}
 			if (!bAllRowsSelected) {
 				rm.class("sapUiTableSelAll");
 			} else {
@@ -461,7 +459,7 @@ sap.ui.define([
 
 		rm.attr("tabindex", "-1");
 
-		var oParams = {
+		const oParams = {
 			enabled: bEnabled,
 			checked: bSelAll
 		};
@@ -470,7 +468,7 @@ sap.ui.define([
 		rm.openEnd();
 
 		if (mRenderConfig.headerSelector.visible) {
-			if (mRenderConfig.headerSelector.type === "clear" && mRenderConfig.headerSelector.icon) {
+			if (mRenderConfig.headerSelector.type === "custom" && mRenderConfig.headerSelector.icon) {
 				rm.renderControl(mRenderConfig.headerSelector.icon);
 			} else {
 				rm.openStart("div");
@@ -492,17 +490,18 @@ sap.ui.define([
 	};
 
 	TableRenderer.renderCol = function(rm, oTable, oColumn, iHeader, nSpan, bIsFirstColumn, bIsLastFixedColumn, bIsLastColumn, bRenderIcons) {
-		var oLabel,
-			bInvisible = !nSpan,
-			iIndex = oColumn.getIndex(),
-			aLabels = oColumn.getMultiLabels();
+		let oLabel;
+		const bInvisible = !nSpan;
+		const iIndex = oColumn.getIndex();
+		const aLabels = oColumn.getMultiLabels();
+
 		if (aLabels.length > 0) {
 			oLabel = aLabels[iHeader];
-		} else if (iHeader == 0) {
+		} else if (iHeader === 0) {
 			oLabel = oColumn.getLabel();
 		}
 
-		var sHeaderId = oColumn.getId();
+		let sHeaderId = oColumn.getId();
 		if (iHeader === 0) {
 			rm.openStart("td", oColumn);
 		} else {
@@ -515,7 +514,7 @@ sap.ui.define([
 
 		rm.attr("tabindex", "-1");
 
-		var mAccParams = {
+		const mAccParams = {
 			column: oColumn,
 			headerId: sHeaderId,
 			index: iIndex
@@ -527,8 +526,8 @@ sap.ui.define([
 		}
 
 		if (bRenderIcons) {
-			var bFiltered = oColumn.getFiltered();
-			var bSorted = oColumn.getSortOrder() !== SortOrder.None;
+			const bFiltered = oColumn.getFiltered();
+			let bSorted = oColumn.getSortOrder() !== SortOrder.None;
 
 			/** @deprecated As of version 1.120 */
 			if (!oColumn.getSorted()) {
@@ -554,7 +553,7 @@ sap.ui.define([
 		rm.class("sapUiTableHeaderCell");
 		rm.class("sapUiTableHeaderDataCell");
 
-		var oColumnHeaderMenu = oColumn.getHeaderMenuInstance();
+		const oColumnHeaderMenu = oColumn.getHeaderMenuInstance();
 		if (oTable.getEnableColumnReordering() || oColumnHeaderMenu && oColumnHeaderMenu.getAriaHasPopupType() !== "None") {
 			rm.class("sapUiTableHeaderCellActive");
 		}
@@ -580,7 +579,7 @@ sap.ui.define([
 		if (oTable.getColumnHeaderHeight() > 0) {
 			rm.style("height", oTable.getColumnHeaderHeight() + "px");
 		}
-		var sTooltip = oColumn.getTooltip_AsString();
+		const sTooltip = oColumn.getTooltip_AsString();
 		if (sTooltip) {
 			rm.attr("title", sTooltip);
 		}
@@ -593,8 +592,8 @@ sap.ui.define([
 			rm.class("sapUiTableFirstColumnCell");
 		}
 
-		var sHAlign = oColumn.getHAlign();
-		var sTextAlign = Renderer.getTextAlign(sHAlign);
+		const sHAlign = oColumn.getHAlign();
+		const sTextAlign = Renderer.getTextAlign(sHAlign);
 
 		if (sTextAlign) {
 			rm.style("text-align", sTextAlign);
@@ -636,7 +635,7 @@ sap.ui.define([
 		rm.openEnd();
 
 		// start with the first current top visible row
-		for (var row = 0, count = oTable.getRows().length; row < count; row++) {
+		for (let row = 0, count = oTable.getRows().length; row < count; row++) {
 			this.renderRowAddon(rm, oTable, oTable.getRows()[row], row, true);
 		}
 
@@ -654,7 +653,7 @@ sap.ui.define([
 		rm.openEnd();
 
 		// start with the first current top visible row
-		for (var row = 0, count = oTable.getRows().length; row < count; row++) {
+		for (let row = 0, count = oTable.getRows().length; row < count; row++) {
 			this.renderRowAddon(rm, oTable, oTable.getRows()[row], row, false);
 		}
 
@@ -662,8 +661,8 @@ sap.ui.define([
 	};
 
 	TableRenderer.addRowCSSClasses = function(rm, oTable, iIndex) {
-		var mRowCounts = oTable._getRowCounts();
-		var iFirstFixedBottomRowIndex = TableUtils.getFirstFixedBottomRowIndex(oTable);
+		const mRowCounts = oTable._getRowCounts();
+		const iFirstFixedBottomRowIndex = TableUtils.getFirstFixedBottomRowIndex(oTable);
 
 		if (iIndex === 0) {
 			rm.class("sapUiTableFirstRow");
@@ -672,10 +671,10 @@ sap.ui.define([
 		}
 
 		if (mRowCounts.fixedTop > 0) {
-			if (iIndex == mRowCounts.fixedTop - 1) {
+			if (iIndex === mRowCounts.fixedTop - 1) {
 				rm.class("sapUiTableRowLastFixedTop");
 			}
-			if (iIndex == mRowCounts.fixedTop) {
+			if (iIndex === mRowCounts.fixedTop) {
 				rm.class("sapUiTableRowFirstScrollable");
 			}
 		}
@@ -688,7 +687,7 @@ sap.ui.define([
 	};
 
 	TableRenderer.renderRowAddon = function(rm, oTable, oRow, iRowIndex, bHeader) {
-		var bRowSelected = oTable._getSelectionPlugin().isSelected(oRow);
+		const bRowSelected = oTable._getSelectionPlugin().isSelected(oRow);
 
 		rm.openStart("div");
 
@@ -704,7 +703,7 @@ sap.ui.define([
 			rm.class("sapUiTableRowSel");
 		}
 
-		if (iRowIndex % 2 != 0 && oTable.getAlternateRowColors() && !TableUtils.Grouping.isInTreeMode(oTable)) {
+		if (iRowIndex % 2 !== 0 && oTable.getAlternateRowColors() && !TableUtils.Grouping.isInTreeMode(oTable)) {
 			rm.class("sapUiTableRowAlternate");
 		}
 
@@ -721,7 +720,7 @@ sap.ui.define([
 
 		rm.attr("tabindex", "-1");
 
-		var oParams = {
+		const oParams = {
 			rowSelected: bRowSelected,
 			rowHidden: oRow.isEmpty()
 		};
@@ -732,7 +731,7 @@ sap.ui.define([
 			this.writeRowHighlightContent(rm, oTable, oRow, iRowIndex);
 			this.writeRowSelectorContent(rm, oTable, oRow);
 		} else {
-			var oAction = oRow.getRowAction();
+			const oAction = oRow.getRowAction();
 			if (oAction) {
 				rm.renderControl(oAction);
 			}
@@ -776,7 +775,7 @@ sap.ui.define([
 	};
 
 	TableRenderer.renderTableControl = function(rm, oTable, bFixedTable) {
-		var iStartColumn, iEndColumn;
+		let iStartColumn; let iEndColumn;
 
 		if (bFixedTable) {
 			iStartColumn = 0;
@@ -786,8 +785,8 @@ sap.ui.define([
 			iEndColumn = oTable.getColumns().length;
 		}
 
-		var mRowCounts = oTable._getRowCounts();
-		var aRows = oTable.getRows();
+		const mRowCounts = oTable._getRowCounts();
+		const aRows = oTable.getRows();
 
 		if (mRowCounts.fixedTop > 0) {
 			this.renderTableControlCnt(rm, oTable, bFixedTable, iStartColumn, iEndColumn, true, false, 0, mRowCounts.fixedTop);
@@ -799,9 +798,9 @@ sap.ui.define([
 	};
 
 	TableRenderer.renderTableControlCnt = function(rm, oTable, bFixedTable, iStartColumn, iEndColumn, bFixedRow, bFixedBottomRow, iStartRow, iEndRow, bHeader) {
-		var sSuffix = bHeader ? "-header" : "-table";
-		var sId = oTable.getId() + sSuffix;
-		var sClasses = [];
+		let sSuffix = bHeader ? "-header" : "-table";
+		let sId = oTable.getId() + sSuffix;
+		const sClasses = [];
 
 		if (bFixedTable) {
 			sId += "-fixed";
@@ -839,7 +838,7 @@ sap.ui.define([
 
 		rm.openStart("tr");
 		rm.class("sapUiTableCtrlCol");
-		if (iStartRow == 0) {
+		if (iStartRow === 0) {
 			rm.class("sapUiTableCtrlFirstCol");
 		}
 		if (bHeader) {
@@ -847,20 +846,20 @@ sap.ui.define([
 		}
 		rm.openEnd();
 
-		var aCols = oTable.getColumns();
-		var aColParams = new Array(iEndColumn);
-		var iCol;
-		var oColumn;
-		var bRenderDummyColumn = !bFixedTable && iEndColumn > iStartColumn;
-		var aVisibleColumns = oTable._getVisibleColumns();
+		const aCols = oTable.getColumns();
+		const aColParams = new Array(iEndColumn);
+		let iCol;
+		let oColumn;
+		let bRenderDummyColumn = !bFixedTable && iEndColumn > iStartColumn;
+		const aVisibleColumns = oTable._getVisibleColumns();
 
 		for (iCol = iStartColumn; iCol < iEndColumn; iCol++) {
 			oColumn = aCols[iCol];
-			var oColParam = {
+			const oColParam = {
 				shouldRender: !!(oColumn && oColumn.shouldRender())
 			};
 			if (oColParam.shouldRender) {
-				var sWidth = oColumn.getWidth();
+				let sWidth = oColumn.getWidth();
 				if (TableUtils.isVariableWidth(sWidth)) {
 					// if some of the columns have variable width, they serve as the dummy column
 					// and take available place. Do not render a dummy column in this case.
@@ -885,10 +884,10 @@ sap.ui.define([
 		for (iCol = iStartColumn; iCol < iEndColumn; iCol++) {
 			sSuffix = bHeader ? "_hdr" : "_col";
 			oColumn = aCols[iCol];
-			oColParam = aColParams[iCol];
+			const oColParam = aColParams[iCol];
 
 			if (oColParam.shouldRender) {
-				if (iStartRow == 0) {
+				if (iStartRow === 0) {
 					rm.openStart("th", oTable.getId() + sSuffix + iCol);
 					oTable._getAccRenderExtension().writeAriaAttributesFor(rm, oTable, "TH", {column: oColumn});
 				} else {
@@ -901,7 +900,7 @@ sap.ui.define([
 					rm.class("sapUiTableFirstVisibleColumnTH");
 				}
 				rm.openEnd();
-				if (iStartRow == 0 && TableUtils.getHeaderRowCount(oTable) == 0 && !bHeader) {
+				if (iStartRow === 0 && TableUtils.getHeaderRowCount(oTable) === 0 && !bHeader) {
 					if (oColumn.getMultiLabels().length > 0) {
 						rm.renderControl(oColumn.getMultiLabels()[0]);
 					} else {
@@ -925,21 +924,21 @@ sap.ui.define([
 		rm.openStart("tbody").openEnd();
 
 		// render the table rows
-		var aRows = oTable.getRows();
-		var row;
-		var count;
+		const aRows = oTable.getRows();
+		let row;
+		let count;
 		if (bHeader) {
 			for (row = iStartRow, count = iEndRow; row < count; row++) {
 				this.renderColumnHeaderRow(rm, oTable, row, bFixedTable, iStartColumn, iEndColumn, bRenderDummyColumn, row === count - 1);
 			}
 		} else {
 			// check whether the row can be clicked to change the selection
-			var bSelectOnCellsAllowed = TableUtils.isRowSelectionAllowed(oTable);
-			var bRowsDraggable = oTable.getDragDropConfig().some(function(oDragDropInfo) {
+			const bSelectOnCellsAllowed = TableUtils.isRowSelectionAllowed(oTable);
+			const bRowsDraggable = oTable.getDragDropConfig().some(function(oDragDropInfo) {
 				return oDragDropInfo.getMetadata().isInstanceOf("sap.ui.core.dnd.IDragInfo") && oDragDropInfo.getSourceAggregation() === "rows";
 			});
 
-			var iLastFixedColumnIndex = this.getLastFixedColumnIndex(oTable);
+			const iLastFixedColumnIndex = this.getLastFixedColumnIndex(oTable);
 
 			for (row = iStartRow, count = iEndRow; row < count; row++) {
 				this.renderTableRow(rm, oTable, aRows[row], row, bFixedTable, iStartColumn, iEndColumn, false, aVisibleColumns, iLastFixedColumnIndex, bRenderDummyColumn, bSelectOnCellsAllowed, bRowsDraggable);
@@ -963,7 +962,7 @@ sap.ui.define([
 			rm.close("div");
 
 			if (TableUtils.Grouping.showGroupMenuButton(oTable)) {
-				var oIconInfo = IconPool.getIconInfo("sap-icon://drop-down-list");
+				const oIconInfo = IconPool.getIconInfo("sap-icon://drop-down-list");
 				rm.openStart("div").class("sapUiTableGroupMenuButton").openEnd();
 				rm.text(oIconInfo.content);
 				rm.close("div");
@@ -984,8 +983,8 @@ sap.ui.define([
 			return;
 		}
 
-		var oRowSettings = oRow.getAggregation("_settings");
-		var sHighlightClass = oRowSettings._getHighlightCSSClassName();
+		const oRowSettings = oRow.getAggregation("_settings");
+		const sHighlightClass = oRowSettings._getHighlightCSSClassName();
 
 		rm.openStart("div", oRow.getId() + "-highlight");
 		rm.class("sapUiTableRowHighlight");
@@ -1008,7 +1007,7 @@ sap.ui.define([
 			return;
 		}
 
-		var oRowSettings = oRow.getAggregation("_settings");
+		const oRowSettings = oRow.getAggregation("_settings");
 
 		rm.openStart("div", oRow.getId() + "-navIndicator");
 		if (oRowSettings.getNavigated()) {
@@ -1029,14 +1028,14 @@ sap.ui.define([
 		//
 		// Render header cells
 		//
-		var aColumns = this.getColumnsToRender(oTable, iStartColumn, iEndColumn),
-			nSpan = 0,
-			iLastVisibleCol = -1;
+		const aColumns = this.getColumnsToRender(oTable, iStartColumn, iEndColumn);
+		let nSpan = 0;
+		let iLastVisibleCol = -1;
 
 		// collect header spans and find the last visible column header
 		function collectHeaderSpans(oColumn, index, aCols) {
-			var colSpan = ColumnUtils.getHeaderSpan(oColumn, iRow),
-				iColIndex;
+			let colSpan = ColumnUtils.getHeaderSpan(oColumn, iRow);
+			let iColIndex;
 
 			if (nSpan < 1) {
 				if (colSpan > 1) {
@@ -1060,8 +1059,8 @@ sap.ui.define([
 		function renderColumn(oColumn, iIndex) {
 			this.renderCol(rm, oTable, oColumn, iRow, oColumn._nSpan,
 				iIndex === 0,
-				bFixedTable && (iIndex == iLastVisibleCol),
-				!bFixedTable && (iIndex == iLastVisibleCol),
+				bFixedTable && (iIndex === iLastVisibleCol),
+				!bFixedTable && (iIndex === iLastVisibleCol),
 				oColumn._nSpan === 1 && !oColumn._bIconsRendered);
 
 			oColumn._bIconsRendered = oColumn._bIconsRendered || oColumn._nSpan === 1;
@@ -1086,7 +1085,7 @@ sap.ui.define([
 			return;
 		}
 
-		var oSelectionPlugin = oTable._getSelectionPlugin();
+		const oSelectionPlugin = oTable._getSelectionPlugin();
 
 		if (bFixedTable) {
 			rm.openStart("tr", oRow.getId() + "-fixed");
@@ -1112,7 +1111,7 @@ sap.ui.define([
 			rm.class("sapUiTableRowSel");
 		}
 
-		if (iRowIndex % 2 != 0 && oTable.getAlternateRowColors() && !TableUtils.Grouping.isInTreeMode(oTable)) {
+		if (iRowIndex % 2 !== 0 && oTable.getAlternateRowColors() && !TableUtils.Grouping.isInTreeMode(oTable)) {
 			rm.class("sapUiTableRowAlternate");
 		}
 
@@ -1121,8 +1120,8 @@ sap.ui.define([
 		rm.attr("data-sap-ui-rowindex", iRowIndex);
 		TableUtils.Hook.call(oTable, Hook.RenderRowStyles, rm);
 
-		var oRowSettings = oRow.getAggregation("_settings");
-		var oParams = {
+		const oRowSettings = oRow.getAggregation("_settings");
+		const oParams = {
 			index: iRowIndex,
 			fixedCol: bFixedTable,
 			rowNavigated: oRowSettings ? oRowSettings.getNavigated() : false
@@ -1131,10 +1130,10 @@ sap.ui.define([
 
 		rm.openEnd();
 
-		var bSelected = !oRow.isEmpty() && oSelectionPlugin.isSelected(oRow); //see TableRenderer.renderRowAddon
-		var aCells = oRow.getCells();
+		const bSelected = !oRow.isEmpty() && oSelectionPlugin.isSelected(oRow); //see TableRenderer.renderRowAddon
+		const aCells = oRow.getCells();
 
-		for (var cell = 0, count = aCells.length; cell < count; cell++) {
+		for (let cell = 0, count = aCells.length; cell < count; cell++) {
 			this.renderTableCell(rm, oTable, oRow, aCells[cell], cell, bFixedTable, iStartColumn, iEndColumn, aVisibleColumns, iLastFixedColumnIndex, bSelected);
 		}
 		if (!bFixedTable && bHasOnlyFixedColumns && aCells.length > 0) {
@@ -1147,21 +1146,21 @@ sap.ui.define([
 	};
 
 	TableRenderer.renderTableCell = function(rm, oTable, oRow, oCell, iCellIndex, bFixedTable, iStartColumn, iEndColumn, aVisibleColumns, iLastFixedColumnIndex, bSelected) {
-		var oColumn = Column.ofCell(oCell);
-		var iColIndex = oColumn.getIndex();
+		const oColumn = Column.ofCell(oCell);
+		const iColIndex = oColumn.getIndex();
 
 		if (oColumn.shouldRender() && iStartColumn <= iColIndex && iEndColumn > iColIndex) {
-			var sId = oRow.getId() + "-col" + iCellIndex;
+			const sId = oRow.getId() + "-col" + iCellIndex;
 			rm.openStart("td", sId);
 			rm.attr("tabindex", "-1");
 			rm.attr("data-sap-ui-colid", oColumn.getId());
 
-			var nColumns = aVisibleColumns.length;
-			var bIsFirstColumn = nColumns > 0 && aVisibleColumns[0] === oColumn;
-			var bIsLastColumn = nColumns > 0 && aVisibleColumns[nColumns - 1] === oColumn;
-			var bIsLastFixedColumn = bFixedTable && iLastFixedColumnIndex === iColIndex;
+			const nColumns = aVisibleColumns.length;
+			const bIsFirstColumn = nColumns > 0 && aVisibleColumns[0] === oColumn;
+			const bIsLastColumn = nColumns > 0 && aVisibleColumns[nColumns - 1] === oColumn;
+			const bIsLastFixedColumn = bFixedTable && iLastFixedColumnIndex === iColIndex;
 
-			var oParams = {
+			const oParams = {
 				index: iColIndex,
 				column: oColumn,
 				row: oRow,
@@ -1170,7 +1169,7 @@ sap.ui.define([
 			};
 			oTable._getAccRenderExtension().writeAriaAttributesFor(rm, oTable, "DATACELL", oParams);
 
-			var sTextAlign = Renderer.getTextAlign(oColumn.getHAlign());
+			const sTextAlign = Renderer.getTextAlign(oColumn.getHAlign());
 			if (sTextAlign) {
 				rm.style("text-align", sTextAlign);
 			}
@@ -1212,7 +1211,7 @@ sap.ui.define([
 
 	TableRenderer.renderTableCellControl = function(rm, oTable, oCell, bIsFirstColumn) {
 		if (bIsFirstColumn && TableUtils.Grouping.isInTreeMode(oTable)) {
-			var oRow = oCell.getParent();
+			const oRow = oCell.getParent();
 			rm.openStart("span", oRow.getId() + "-treeicon");
 			rm.class("sapUiTableTreeIcon");
 			rm.attr("tabindex", "-1");
@@ -1224,8 +1223,8 @@ sap.ui.define([
 	};
 
 	TableRenderer.renderVSb = function(rm, oTable, mConfig) {
-		var oScrollExtension = oTable._getScrollExtension();
-		var mRowCounts = oTable._getRowCounts();
+		const oScrollExtension = oTable._getScrollExtension();
+		const mRowCounts = oTable._getRowCounts();
 
 		mConfig = Object.assign({
 			tabIndex: true
@@ -1358,11 +1357,11 @@ sap.ui.define([
 	 * @private
 	 */
 	TableRenderer.getLastFixedColumnIndex = function(oTable) {
-		var iFixedColumnCount = oTable.getComputedFixedColumnCount();
-		var aCols = oTable.getColumns();
-		var oColumn, iLastFixedColumnIndex;
+		const iFixedColumnCount = oTable.getComputedFixedColumnCount();
+		const aCols = oTable.getColumns();
+		let oColumn; let iLastFixedColumnIndex;
 
-		for (var i = iFixedColumnCount - 1; i >= 0; i--) {
+		for (let i = iFixedColumnCount - 1; i >= 0; i--) {
 			oColumn = aCols[i];
 			if (oColumn.shouldRender()) {
 				iLastFixedColumnIndex = i;