@openui5/sap.ui.table 1.143.1 → 1.144.0

package/src/sap/ui/table/rowmodes/Interactive.js

@@ -1,6 +1,6 @@
 /*
  * OpenUI5
- * (c) Copyright 2025 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2026 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 sap.ui.define([
@@ -40,7 +40,7 @@ sap.ui.define([
 	 * @public
 	 *
 	 * @author SAP SE
-	 * @version 1.143.1
+	 * @version 1.144.0
 	 */
 	const InteractiveRowMode = RowMode.extend("sap.ui.table.rowmodes.Interactive", /** @lends sap.ui.table.rowmodes.Interactive.prototype */ {
 		metadata: {
@@ -97,9 +97,19 @@ sap.ui.define([
 	 */
 	const ResizeHelper = {};
 
-	function setNewRowCount(iRowCount) {
-		_private(this).rowCount = iRowCount;
-		InvisibleMessage.getInstance().announce(TableUtils.getResourceText("TBL_RSZ_RESIZED", [iRowCount]));
+	function setNewRowCount(iRowCount, bAnnounceChange = true) {
+		const oInternalState = _private(this);
+
+		if (oInternalState.rowCount === iRowCount) {
+			return;
+		}
+
+		oInternalState.rowCount = iRowCount;
+		this.invalidate();
+
+		if (bAnnounceChange) {
+			InvisibleMessage.getInstance().announce(TableUtils.getResourceText("TBL_RSZ_RESIZED", [iRowCount]));
+		}
 	}
 
 	/**
@@ -372,12 +382,6 @@ sap.ui.define([
 		return Math.max(0, Math.floor(iViewportHeight - oTableDomRef.getBoundingClientRect().height + oRowContainer.getBoundingClientRect().height));
 	};
 
-	InteractiveRowMode.prototype.setRowCount = function(iRowCount) {
-		this.setProperty("rowCount", iRowCount);
-		setNewRowCount.call(this, iRowCount);
-		return this;
-	};
-
 	InteractiveRowMode.prototype.updateTable = function(sReason) {
 		this.getTable().getDomRef("heightResizer")?.setAttribute("aria-valuenow", this.getActualRowCount());
 
@@ -399,9 +403,8 @@ sap.ui.define([
 	 */
 	TableDelegate.onAfterRendering = function(oEvent) {
 		const oTable = this.getTable();
-		const bRenderedRows = oEvent && oEvent.isMarked("renderRows");
 
-		if (!bRenderedRows && oTable.getRows().length > 0) {
+		if (oTable.getRows().length > 0) {
 			this.fireRowsUpdated(TableUtils.RowsUpdateReason.Render);
 		}
 
@@ -438,22 +441,18 @@ sap.ui.define([
 				case "ArrowUp":
 					oEvent.preventDefault();
 					setNewRowCount.call(this, Math.max(this.getActualRowCount() - 1, this.getMinRowCount()));
-					this.updateTable(TableUtils.RowsUpdateReason.Render);
 					break;
 				case "ArrowDown":
 					oEvent.preventDefault();
 					setNewRowCount.call(this, Math.min(this.getActualRowCount() + 1, this._getMaxRowCount()));
-					this.updateTable(TableUtils.RowsUpdateReason.Render);
 					break;
 				case "Home":
 					oEvent.preventDefault();
 					setNewRowCount.call(this, this.getMinRowCount());
-					this.updateTable(TableUtils.RowsUpdateReason.Render);
 					break;
 				case "End":
 					oEvent.preventDefault();
 					setNewRowCount.call(this, this._getMaxRowCount());
-					this.updateTable(TableUtils.RowsUpdateReason.Render);
 					break;
 				default:
 			}
@@ -466,6 +465,7 @@ sap.ui.define([
 		}
 
 		const iActualRowCount = this.getActualRowCount();
+
 		if (iActualRowCount === this._getMaxRowCount()) {
 			setNewRowCount.call(this, this.getMinRowCount());
 		} else if (iActualRowCount === this.getMinRowCount()) {
@@ -473,7 +473,6 @@ sap.ui.define([
 		} else {
 			setNewRowCount.call(this, this._getMaxRowCount());
 		}
-		this.updateTable(TableUtils.RowsUpdateReason.Render);
 	};
 
 	/**
@@ -537,7 +536,6 @@ sap.ui.define([
 		}
 
 		setNewRowCount.call(oMode, iNewRowCount);
-		oMode.updateTable(TableUtils.RowsUpdateReason.Render);
 
 		document.removeEventListener("touchmove", ResizeHelper.onResizerMove);
 		document.removeEventListener("mousemove", ResizeHelper.onResizerMove);
@@ -557,8 +555,7 @@ sap.ui.define([
 						shortcutText: TableUtils.getResourceText("TBL_RSZ_ROW_UP_SHORTCUT"),
 						select: function() {
 							const iRowCount = oMode.getActualRowCount();
-							_private(oMode).rowCount = Math.max(iRowCount - 1, oMode.getMinRowCount());
-							oMode.updateTable(TableUtils.RowsUpdateReason.Render);
+							setNewRowCount.call(oMode, Math.max(iRowCount - 1, oMode.getMinRowCount()), true);
 						}
 					}),
 					new MenuItem({
@@ -566,24 +563,21 @@ sap.ui.define([
 						shortcutText: TableUtils.getResourceText("TBL_RSZ_ROW_DOWN_SHORTCUT"),
 						select: function() {
 							const iRowCount = oMode.getActualRowCount();
-							_private(oMode).rowCount = Math.min(iRowCount + 1, oMode._getMaxRowCount());
-							oMode.updateTable(TableUtils.RowsUpdateReason.Render);
+							setNewRowCount.call(oMode, Math.min(iRowCount + 1, oMode._getMaxRowCount()), true);
 						}
 					}),
 					new MenuItem({
 						text: TableUtils.getResourceText("TBL_RSZ_MINIMIZE"),
 						shortcutText: TableUtils.getResourceText("TBL_RSZ_MINIMIZE_SHORTCUT"),
 						select: function() {
-							_private(oMode).rowCount = oMode.getMinRowCount();
-							oMode.updateTable(TableUtils.RowsUpdateReason.Render);
+							setNewRowCount.call(oMode, oMode.getMinRowCount(), true);
 						}
 					}),
 					new MenuItem({
 						text: TableUtils.getResourceText("TBL_RSZ_MAXIMIZE"),
 						shortcutText: TableUtils.getResourceText("TBL_RSZ_MAXIMIZE_SHORTCUT"),
 						select: function() {
-							_private(oMode).rowCount = oMode._getMaxRowCount();
-							oMode.updateTable(TableUtils.RowsUpdateReason.Render);
+							setNewRowCount.call(oMode, oMode._getMaxRowCount(), true);
 						}
 					})
 				],

package/src/sap/ui/table/rowmodes/RowMode.js

@@ -1,6 +1,6 @@
 /*
  * OpenUI5
- * (c) Copyright 2025 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2026 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 sap.ui.define([
@@ -37,7 +37,7 @@ sap.ui.define([
 	 * @public
 	 *
 	 * @author SAP SE
-	 * @version 1.143.1
+	 * @version 1.144.0
 	 */
 	const RowMode = Element.extend("sap.ui.table.rowmodes.RowMode", /** @lends sap.ui.table.rowmodes.RowMode.prototype */ {
 		metadata: {
@@ -193,7 +193,7 @@ sap.ui.define([
 	/**
 	 * Gets the CSS styles that are applied to the table's DOM root element.
 	 *
-	 * @returns {{height: sap.ui.core.CSSSize?, minHeight: sap.ui.core.CSSSize?, maxHeight: sap.ui.core.CSSSize?}}
+	 * @returns {{height=: sap.ui.core.CSSSize, minHeight=: sap.ui.core.CSSSize, maxHeight=: sap.ui.core.CSSSize}}
 	 * The styles the table should have
 	 * @private
 	 * @abstract
@@ -206,7 +206,7 @@ sap.ui.define([
 	 * Gets the CSS styles that are applied to the table's bottom placeholder DOM element. This element can be used to visually reserve space for
 	 * rows. If <code>undefined</code> is returned during rendering, this element will not be rendered.
 	 *
-	 * @returns {{height: sap.ui.core.CSSSize?}|undefined}
+	 * @returns {{height=: sap.ui.core.CSSSize}|undefined}
 	 * The styles the table's bottom placeholder should have
 	 * @private
 	 * @abstract
@@ -218,7 +218,7 @@ sap.ui.define([
 	/**
 	 * Gets the CSS styles that are applied to the DOM container of the rows.
 	 *
-	 * @returns {{height: sap.ui.core.CSSSize?, minHeight: sap.ui.core.CSSSize?, maxHeight: sap.ui.core.CSSSize?}}
+	 * @returns {{height=: sap.ui.core.CSSSize, minHeight=: sap.ui.core.CSSSize, maxHeight=: sap.ui.core.CSSSize}}
 	 * The styles the row container should have
 	 * @private
 	 * @abstract
@@ -251,28 +251,19 @@ sap.ui.define([
 		}
 
 		_private(this).updateTableAsync.cancel(); // Update will be performed right now.
+		this.updateTableRows(); // Update the rows aggregation and the binding contexts of rows.
 
-		// Update the rows aggregation and the row's binding contexts.
-		oTable._adjustFirstVisibleRowToTotalRowCount(); // TODO: Move this to Table#onBeforeRendering as soon as #renderTableRows is removed
-		const bRowsAggregationChanged = this.updateTableRows();
+		const aRows = oTable.getRows();
 
-		if (oTable._bInvalid) {
-			// No need to update the DOM or fire the _rowsUpdated event if the table is about to rerender.
-			return;
-		}
-
-		// Update the DOM.
-		this.applyTableStyles();
-		this.applyRowContainerStyles();
-		this.applyTableBottomPlaceholderStyles();
-
-		if (bRowsAggregationChanged || oTable.getRows().some(function(oRow) {
-			return oRow.getDomRef() == null;
-		})) {
-			this.renderTableRows();
+		if (!oTable._bInvalid && aRows.some((oRow) => !oRow.getDomRef())) {
+			// Rows might have been added to the table in the dataRequested listener without invalidating the table.
+			// In this case, invalidate the table to make sure the rows are rendered.
+			this.invalidate();
 		}
 
-		if (bRowsAggregationChanged || oTable.getRows().length > 0) {
+		if (!oTable._bInvalid && aRows.length > 0) {
+			// If the table is invalid and therefore renders, the event will be fired after rendering.
+			// Otherwise, fire it now, because the binding contexts of the rows were updated.
 			this.fireRowsUpdated(sReason);
 		}
 	};
@@ -588,14 +579,12 @@ sap.ui.define([
 	 * binding contexts for new rows.
 	 * The row count is ignored if the rows are not bound and the NoData overlay is enabled. In this case, the rows aggregation will be emptied.
 	 *
-	 * @returns {boolean} Whether the rows aggregation of the table has been changed.
 	 * @private
 	 */
 	RowMode.prototype.updateTableRows = function() {
 		const oTable = this.getTable();
 		let aRows = oTable.getRows();
 		let iNewNumberOfRows = this.getComputedRowCounts().count;
-		let bRowsAggregationChanged = false;
 
 		// There is no need to have rows in the aggregation if the NoData overlay is enabled and no binding is available.
 		if (TableUtils.isNoDataVisible(oTable) && !oTable.getBinding()) {
@@ -615,14 +604,13 @@ sap.ui.define([
 		// Destroy rows if they are invalid, but keep the DOM in case the table is going to render.
 		// Becomes obsolete with CPOUIFTEAMB-1379
 		if (oTable._bRowAggregationInvalid) {
-			bRowsAggregationChanged = aRows.length > 0;
-			oTable.destroyAggregation("rows", oTable._bInvalid ? "KeepDom" : true);
+			oTable.destroyAggregation("rows", oTable._bInvalid ? "KeepDom" : undefined);
 			aRows = [];
 		}
 
 		if (iNewNumberOfRows === aRows.length) {
 			updateBindingContextsOfRows(this, aRows);
-			return bRowsAggregationChanged;
+			return;
 		}
 
 		TableUtils.dynamicCall(oTable._getSyncExtension, function(oSyncExtension) {
@@ -630,59 +618,7 @@ sap.ui.define([
 		});
 
 		updateRowsAggregation(this, iNewNumberOfRows);
-		bRowsAggregationChanged = true;
 		oTable._bRowAggregationInvalid = false;
-
-		return bRowsAggregationChanged;
-	};
-
-	/**
-	 * Renders the rows and their containers and writes the HTML to the DOM.
-	 *
-	 * @private
-	 */
-	RowMode.prototype.renderTableRows = function() {
-		const oTable = this.getTable();
-		const oTBody = oTable ? oTable.getDomRef("tableCCnt") : null;
-
-		if (!oTBody) {
-			return;
-		}
-
-		// make sure to call rendering event delegates even in case of DOM patching
-		const oBeforeRenderingEvent = jQuery.Event("BeforeRendering");
-		oBeforeRenderingEvent.setMarked("renderRows");
-		oBeforeRenderingEvent.srcControl = oTable;
-		oTable._handleEvent(oBeforeRenderingEvent);
-
-		const oRM = new RenderManager().getInterface();
-		const oRenderer = oTable.getRenderer();
-		oRenderer.renderTableCCnt(oRM, oTable);
-		oRM.flush(oTBody, false, false);
-		oRM.destroy();
-
-		// make sure to call rendering event delegates even in case of DOM patching
-		const oAfterRenderingEvent = jQuery.Event("AfterRendering");
-		oAfterRenderingEvent.setMarked("renderRows");
-		oAfterRenderingEvent.srcControl = oTable;
-		oTable._handleEvent(oAfterRenderingEvent);
-
-		const bHasRows = oTable.getRows().length > 0;
-		const oDomRef = oTable.getDomRef();
-		oDomRef.querySelector(".sapUiTableCtrlBefore").setAttribute("tabindex", bHasRows ? "0" : "-1");
-		oDomRef.querySelector(".sapUiTableCtrlAfter").setAttribute("tabindex", bHasRows ? "0" : "-1");
-
-		// In Safari, minWidths do not work for td's, so the width property needs to be set on the table.
-		// This does not work, when the table is in AutoRowMode and has many columns with only minWidth.
-		// The width of the content table is overwritten due to a second rerendering triggered in here.
-		// Therefore, the width is set of the content table is set back to be the same as the header table.
-		// BCP: 2380079867
-		if (Device.browser.safari) {
-			const oHdrCol = document.getElementById(oTable.getId() + "-header");
-			const oHdrCnt = document.getElementById(oTable.getId() + "-table");
-
-			oHdrCnt.style.width = oHdrCol.style.width;
-		}
 	};
 
 	/**
@@ -799,12 +735,12 @@ sap.ui.define([
 			updateBindingContextsOfRows(oMode, aRows);
 
 			aNewRows.forEach(function(oNewRow) {
-				oTable.addAggregation("rows", oNewRow, true);
+				oTable.addAggregation("rows", oNewRow);
 			});
 		} else {
 			// Remove rows that are not required.
 			for (let i = aRows.length - 1; i >= iNewNumberOfRows; i--) {
-				oTable.removeAggregation("rows", i, true);
+				oTable.removeAggregation("rows", i);
 			}
 
 			aRows.splice(iNewNumberOfRows);
@@ -859,12 +795,8 @@ sap.ui.define([
 	 * @this sap.ui.table.rowmodes.RowMode
 	 */
 	TableDelegate.onBeforeRendering = function(oEvent) {
-		const bRenderedRows = oEvent && oEvent.isMarked("renderRows");
-
-		if (!bRenderedRows) {
-			this._bFiredRowsUpdatedAfterRendering = false;
-			this.updateTable(TableUtils.RowsUpdateReason.Render);
-		}
+		this._bFiredRowsUpdatedAfterRendering = false;
+		this.updateTable(TableUtils.RowsUpdateReason.Render);
 	};
 
 	return RowMode;

package/src/sap/ui/table/rowmodes/Type.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2025 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2026 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 sap.ui.define(["sap/ui/base/DataType"], function(DataType) {

package/src/sap/ui/table/rowmodes/Variable.js

@@ -1,6 +1,6 @@
 /*
  * OpenUI5
- * (c) Copyright 2025 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2026 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 sap.ui.define([
@@ -23,7 +23,7 @@ sap.ui.define([
 	 * @extends sap.ui.table.rowmodes.RowMode
 	 *
 	 * @author SAP SE
-	 * @version 1.143.1
+	 * @version 1.144.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/ui/table/rules/Accessibility.support.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2025 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2026 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 sap.ui.define([

package/src/sap/ui/table/rules/Binding.support.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2025 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2026 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 sap.ui.define([

package/src/sap/ui/table/rules/ColumnTemplate.support.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2025 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2026 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 sap.ui.define([

package/src/sap/ui/table/rules/Plugins.support.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2025 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2026 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 sap.ui.define([

package/src/sap/ui/table/rules/Rows.support.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2025 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2026 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 sap.ui.define([

package/src/sap/ui/table/rules/TableHelper.support.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2025 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2026 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 /**

package/src/sap/ui/table/themes/base/Cell.less

@@ -32,6 +32,29 @@
 			outline-offset: @_sap_ui_table_Cell_FocusOutlineOffsetInZoomedChrome;
 		}
 	}
+
+	.sapUiTableRowNavIndicator & {
+
+		&.sapUiTableRowActionCell::before,
+		&.sapUiTableRowActionHeaderCell::before {
+			right: @_sap_ui_table_NavIndicatorWidth;
+		}
+	}
+
+	.sapUiTableRowNavIndicator:not(.sapUiTableRAct) & {
+
+		&.sapUiTableCellLast::before {
+			right: @_sap_ui_table_NavIndicatorWidth;
+		}
+	}
+
+	.sapUiTableRowHighlights & {
+
+		&.sapUiTableRowSelectionCell::before,
+		&.sapUiTableRowSelectionHeaderCell::before {
+			left: @_sap_ui_table_RowHighlightWidth;
+		}
+	}
 }
 
 /*
@@ -82,7 +105,7 @@
 
 	&.sapUiTableRowActionCell {
 
-		.sapUiTableRowNavIndicator & {
+		.sapUiTableRowNavIndicator:not(.sapUiTableRAct) & {
 			border-right: none;
 			border-left: none;
 		}
@@ -144,7 +167,7 @@
 	}
 }
 
-.sapUiTableRowSelectionHeaderCell { /* Contains highlight and SelectAll selector. */
+.sapUiTableRowSelectionHeaderCell { /* Contains highlight and header selector. */
 	display: none;
 	vertical-align: bottom;
 	position: absolute;
@@ -195,19 +218,6 @@
 			width: calc(@_sap_ui_table_RowSelectorWidthCozy ~"+" @_sap_ui_table_RowHighlightWidth);
 		}
 	}
-
-	&.sapUiTableSelAllDisabled > * {
-		opacity: 0.3;
-		pointer-events: none;
-	}
-
-	&:not(.sapUiTableSelAllDisabled) {
-		cursor: pointer;
-
-		> * {
-			cursor: pointer;
-		}
-	}
 }
 
 .sapUiTableHeaderDataCell {
@@ -435,7 +445,7 @@
 		}
 	}
 
-	.sapUiTableRowNavIndicator & {
+	.sapUiTableRowNavIndicator:not(.sapUiTableRAct) & {
 		min-width: @_sap_ui_table_NavIndicatorWidth;
 		pointer-events: none;
 	}

package/src/sap/ui/table/themes/base/CheckBox.less

@@ -0,0 +1,51 @@
+/* ================================== */
+/* CSS for sap.ui.table/CheckBox      */
+/* Base theme                         */
+/* ================================== */
+
+@_sap_ui_table_CheckBox_Size: 1rem;
+@_sap_ui_table_CheckBox_SizeCozy: 1.375rem;
+@_sap_ui_table_CheckBox_CheckMarkColor: var(--sapContent_Selected_ForegroundColor);
+@_sap_ui_table_CheckBox_BackgroundColorHover: var(--sapField_Selector_Hover_Background);
+
+.sapUiTableCheckBox {
+	&::after {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		text-align: center;
+		content: '';
+		width: @_sap_ui_table_CheckBox_Size;
+		height: @_sap_ui_table_CheckBox_Size;
+		font-family: var(--sapContent_IconFontFamily);
+		font-size: 0.625rem;
+		border-radius: var(--sapField_BorderCornerRadius);
+		border: var(--sapField_BorderWidth) var(--sapField_Selector_BorderStyle) var(--sapField_BorderColor);
+		background-color: var(--sapField_Background);
+		color: @_sap_ui_table_CheckBox_CheckMarkColor;
+		box-sizing: border-box;
+		margin: auto;
+		position: absolute;
+		top: 0;
+		left: 0;
+		bottom: 0;
+		right: 0;
+
+		.sapUiSizeCozy & {
+			width: @_sap_ui_table_CheckBox_SizeCozy;
+			height: @_sap_ui_table_CheckBox_SizeCozy;
+			font-size: 1rem;
+		}
+	}
+
+	&.sapUiTableCheckBoxSelected::after {
+		content: '\e05b';
+		border-color: var(--sapContent_FocusColor);
+	}
+
+	&:hover::after {
+		border-color: var(--sapField_Hover_BorderColor);
+		background-color: @_sap_ui_table_CheckBox_BackgroundColorHover;
+		box-shadow: var(--sapContent_Interaction_Shadow);
+	}
+}

package/src/sap/ui/table/themes/base/HeaderSelector.less

@@ -0,0 +1,61 @@
+/* ==================================== */
+/* CSS for sap.ui.table/HeaderSelector  */
+/* Base theme                           */
+/* ==================================== */
+
+.sapUiTableHeaderSelector {
+	&.sapUiTableHeaderSelectorDisabled > * {
+		opacity: var(--sapContent_DisabledOpacity);
+		pointer-events: none;
+	}
+
+	&:not(.sapUiTableHeaderSelectorDisabled) {
+		cursor: pointer;
+
+		> * {
+			cursor: pointer;
+		}
+	}
+
+	> .sapUiTableCheckBox {
+		height: 100%;
+		width: 100%;
+
+		&::after {
+			/* The checkbox should always be at the bottom if a custom column header height is specified, or the table has multiple header rows */
+			top: auto;
+			bottom: calc(~"(" @_sap_ui_table_ColumnHeaderHeight ~"-" @_sap_ui_table_CheckBox_Size ~") / 2");
+
+			.sapUiSizeCozy & {
+				bottom: calc(~"(" @_sap_ui_table_ColumnHeaderHeightCozy ~"-" @_sap_ui_table_CheckBox_SizeCozy ~") / 2");
+			}
+		}
+	}
+
+	.sapUiTableHeaderSelectorIcon {
+		width: 100%;
+		height: 100%;
+
+		&::before {
+			display: block !important; /* otherwise will be overwritten by icon css rules in RTL */
+			position: absolute;
+			width: 100%;
+			font-size: 1rem;
+			line-height: @_sap_ui_table_CheckBox_SizeCozy;
+			bottom: calc(~"(" @_sap_ui_table_ColumnHeaderHeight ~"-" @_sap_ui_table_CheckBox_SizeCozy ~") / 2");
+
+			.sapUiSizeCozy & {
+				bottom: calc(~"(" @_sap_ui_table_ColumnHeaderHeightCozy ~"-" @_sap_ui_table_CheckBox_SizeCozy ~") / 2");
+			}
+
+			.sapUiTableRowHighlights.sapUiTableRowSelectors & {
+				padding: 0 calc(~"(" @_sap_ui_table_RowHighlightWidth ~") / 2");
+			}
+		}
+
+		&:active {
+			background-color: var(--sapList_Active_Background);
+			color: var(--sapList_Active_TextColor);
+		}
+	}
+}