@openui5/sap.ui.table 1.134.0 → 1.136.0

package/src/sap/ui/table/plugins/V4Aggregation.js

@@ -1,6 +1,6 @@
 /*
  * OpenUI5
- * (c) Copyright 2009-2025 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2025 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 sap.ui.define([
@@ -13,22 +13,31 @@ sap.ui.define([
 	"use strict";
 
 	/**
-	 * Constructs an instance of sap.ui.table.plugins.V4Aggregation
+	 * @class
+	 * Integrates the aggregation information of the {@link sap.ui.model.odata.v4.ODataListBinding} and the table. The table is enabled to visualize
+	 * group levels and sums according to that information. See {@link sap.ui.model.odata.v4.ODataListBinding#setAggregation} for details.
+	 *
+	 * This plugin only works in combination with a <code>sap.ui.model.odata.v4.ODataModel</code>. Do not add it to a table that is bound to another
+	 * model.
+	 * @extends sap.ui.core.Element
 	 *
-	 * @class TODO
-	 * @extends sap.ui.table.plugins.PluginBase
 	 * @author SAP SE
-	 * @version 1.134.0
+	 * @version 1.136.0
+	 *
 	 * @private
-	 * @since 1.76
-	 * @ui5-restricted sap.ui.mdc
 	 * @alias sap.ui.table.plugins.V4Aggregation
+	 *
 	 * @borrows sap.ui.table.plugins.PluginBase.findOn as findOn
 	 */
 	const V4Aggregation = PluginBase.extend("sap.ui.table.plugins.V4Aggregation", /** @lends sap.ui.table.plugins.V4Aggregation.prototype */ {
 		metadata: {
 			library: "sap.ui.table",
 			properties: {
+				/**
+				 * Indicates whether this plugin is enabled.
+				 */
+				enabled: {type: "boolean", defaultValue: true}, // TODO: Inherited from private PluginBase. Remove once PluginBase is public.
+
 				/**
 				 * If the formatter returns undefined, the default group header title is set.
 				 *
@@ -50,26 +59,14 @@ sap.ui.define([
 		return PluginBase.prototype.isApplicable.apply(this, arguments) && oControl.getMetadata().getName() === "sap.ui.table.Table";
 	};
 
-	/**
-	 * @override
-	 * @inheritDoc
-	 */
-	V4Aggregation.prototype.activate = function() {
-		const oBinding = this.getTableBinding();
-
-		if (oBinding && !oBinding.isA("sap.ui.model.odata.v4.ODataListBinding")) {
-			return;
-		}
-
-		PluginBase.prototype.activate.apply(this, arguments);
-	};
-
 	/**
 	 * @override
 	 * @inheritDoc
 	 */
 	V4Aggregation.prototype.onActivate = function(oTable) {
+		validateBinding(oTable.getBinding());
 		TableUtils.Grouping.setToDefaultGroupMode(oTable);
+		TableUtils.Hook.register(oTable, TableUtils.Hook.Keys.Table.RowsBound, validateBinding);
 		TableUtils.Hook.register(oTable, TableUtils.Hook.Keys.Row.UpdateState, updateRowState, this);
 		TableUtils.Hook.register(oTable, TableUtils.Hook.Keys.Row.Expand, expandRow, this);
 		TableUtils.Hook.register(oTable, TableUtils.Hook.Keys.Row.Collapse, collapseRow, this);
@@ -84,28 +81,14 @@ sap.ui.define([
 			oColumn._setCellContentVisibilitySettings();
 		}
 		TableUtils.Grouping.setToDefaultFlatMode(oTable);
+		TableUtils.Hook.deregister(oTable, TableUtils.Hook.Keys.Table.RowsBound, validateBinding);
 		TableUtils.Hook.deregister(oTable, TableUtils.Hook.Keys.Row.UpdateState, this.updateRowState, this);
 		TableUtils.Hook.deregister(this, TableUtils.Hook.Keys.Row.Expand, expandRow, this);
 		TableUtils.Hook.deregister(this, TableUtils.Hook.Keys.Row.Collapse, collapseRow, this);
 	};
 
-	/**
-	 * @override
-	 * @inheritDoc
-	 */
-	V4Aggregation.prototype.onTableRowsBound = function(oBinding) {
-		// TODO: Check whether the plugin is correctly (de)activated in all possible cases and write tests.
-		//  For example:
-		//   - if the plugin is not active because there is no ODataV4 model yet, it won't be activated if that model is added later
-		//   - on unbind
-		//  Consider calling binding-related hooks also on inactive plugins for this purpose (check usage in selection plugins).
-		if (!oBinding.getModel().isA("sap.ui.model.odata.v4.ODataModel")) {
-			this.deactivate();
-		}
-	};
-
 	V4Aggregation.prototype.declareColumnsHavingTotals = function(aColumnsWithTotals) {
-		const aColumns = this.getTable()?.getColumns() ?? [];
+		const aColumns = this.getControl()?.getColumns() ?? [];
 
 		for (const oColumn of aColumns) {
 			const bHasTotals = aColumnsWithTotals.includes(oColumn);
@@ -117,6 +100,16 @@ sap.ui.define([
 		}
 	};
 
+	function validateBinding(oBinding) {
+		if (!oBinding) {
+			return;
+		}
+
+		if (!oBinding.getModel().isA("sap.ui.model.odata.v4.ODataModel")) {
+			throw new Error("Model must be sap.ui.model.odata.v4.ODataModel");
+		}
+	}
+
 	function updateRowState(oState) {
 		const iLevel = oState.context.getProperty("@$ui5.node.level");
 		const bContainsTotals = oState.context.getProperty("@$ui5.node.isTotal");
@@ -137,7 +130,7 @@ sap.ui.define([
 		}
 
 		if (bIsGroupHeader) {
-			const sGroupHeaderPath = this.getTableBinding().getAggregation().groupLevels[iLevel - 1];
+			const sGroupHeaderPath = oState.context.getBinding().getAggregation().groupLevels[iLevel - 1];
 			const fnCustomGroupHeaderFormatter = this.getGroupHeaderFormatter();
 
 			if (fnCustomGroupHeaderFormatter) {

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

@@ -1,6 +1,6 @@
 /*
  * OpenUI5
- * (c) Copyright 2009-2025 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2025 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 sap.ui.define([
@@ -38,7 +38,7 @@ sap.ui.define([
 	 * @public
 	 *
 	 * @author SAP SE
-	 * @version 1.134.0
+	 * @version 1.136.0
 	 */
 	const AutoRowMode = RowMode.extend("sap.ui.table.rowmodes.Auto", /** @lends sap.ui.table.rowmodes.Auto.prototype */ {
 		metadata: {

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

@@ -1,6 +1,6 @@
 /*
  * OpenUI5
- * (c) Copyright 2009-2025 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2025 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 sap.ui.define([
@@ -27,7 +27,7 @@ sap.ui.define([
 	 * @public
 	 *
 	 * @author SAP SE
-	 * @version 1.134.0
+	 * @version 1.136.0
 	 */
 	const FixedRowMode = RowMode.extend("sap.ui.table.rowmodes.Fixed", /** @lends sap.ui.table.rowmodes.Fixed.prototype */ {
 		metadata: {

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

@@ -1,6 +1,6 @@
 /*
  * OpenUI5
- * (c) Copyright 2009-2025 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2025 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.134.0
+	 * @version 1.136.0
 	 */
 	const InteractiveRowMode = RowMode.extend("sap.ui.table.rowmodes.Interactive", /** @lends sap.ui.table.rowmodes.Interactive.prototype */ {
 		metadata: {

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

@@ -1,6 +1,6 @@
 /*
  * OpenUI5
- * (c) Copyright 2009-2025 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2025 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.134.0
+	 * @version 1.136.0
 	 */
 	const RowMode = Element.extend("sap.ui.table.rowmodes.RowMode", /** @lends sap.ui.table.rowmodes.RowMode.prototype */ {
 		metadata: {
@@ -501,8 +501,6 @@ sap.ui.define([
 	 * @private
 	 */
 	RowMode.prototype.getRowCountConstraints = function() {
-		// TODO: Add a type definition for a protected type "rowCountConstraints" in the library file to document the return value
-		//  RowMode#getRowCountConstraints + PluginBase#setRowCountConstraints
 		const oTable = this.getTable();
 		return oTable ? oTable.getProperty("rowCountConstraints") || {} : {};
 	};

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

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2025 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2025 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 2009-2025 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2025 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.134.0
+	 * @version 1.136.0
 	 *
 	 * @constructor
 	 * @private

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

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2025 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2025 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 2009-2025 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2025 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 2009-2025 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2025 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 2009-2025 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2025 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 2009-2025 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2025 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 2009-2025 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2025 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

@@ -3,12 +3,12 @@
 /* Base theme                 */
 /* ========================== */
 
-@_sap_ui_table_Cell_FocusOutlineOffset: -@sapUiContentFocusWidth;
-@_sap_ui_table_Cell_FocusOutlineOffsetInZoomedChrome: calc(-@sapUiContentFocusWidth ~"- 0.0625rem");
+@_sap_ui_table_Cell_FocusOutlineOffset: ~"calc(var(--sapContent_FocusWidth) * -1)";
+@_sap_ui_table_Cell_FocusOutlineOffsetInZoomedChrome: ~"calc((var(--sapContent_FocusWidth) * -1) - 0.0625rem)"; /*  calc(-@sapUiContentFocusWidth ~"- 0.0625rem") */
 @_sap_ui_table_Cell_Padding: 0 0.5rem;
 @_sap_ui_table_Cell_TouchMenuIconSize: 1.375rem;
 @_sap_ui_table_Cell_ColumnIconSize: 0.75rem;
-@_sap_ui_table_Cell_BorderColorSelected: @sapUiListBorderColor;
+@_sap_ui_table_Cell_BorderColorSelected: var(--sapList_BorderColor);
 @_sap_ui_table_Cell_BorderColorFixedSelected: @sapUiListTableFixedBorder;
 @_sap_ui_table_Cell_ShadowColorFixed: transparent;
 @_sap_ui_table_Cell_BorderBottomFocus: @sapUiListTableFixedBorder;
@@ -21,11 +21,11 @@
 	outline: none;
 
 	&::before {
-		content: "";
+		content: '';
 		position: absolute;
 		inset: 0;
 		pointer-events: none;
-		outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
+		outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
 		outline-offset: @_sap_ui_table_Cell_FocusOutlineOffset;
 
 		.sapUiTableZoomout & {
@@ -38,8 +38,9 @@
  * Hover
  */
 .sapUiTableHeaderCell:not(.sapUiTableRowActionHeaderCell) {
+
 	&:hover {
-		background-color: @sapUiListHoverBackground;
+		background-color: var(--sapList_Hover_Background);
 	}
 }
 
@@ -50,25 +51,25 @@
 	position: relative;
 	box-sizing: border-box;
 	border-right: @_sap_ui_table_BaseBorderWidth solid @sapUiListVerticalBorderColor;
-	border-bottom: @_sap_ui_table_BaseBorderWidth solid @sapUiListBorderColor;
+	border-bottom: @_sap_ui_table_BaseBorderWidth solid var(--sapList_BorderColor);
 
 	.sapUiTableRowIndented > &.sapUiTableRowSelectionCell {
 		border-left: @_sap_ui_table_BaseBorderWidth solid @sapUiListVerticalBorderColor;
 	}
 
-	// Adds a border on top that might be required due to indentation of the row above.
+	/* Adds a border on top that might be required due to indentation of the row above. */
 	.sapUiTableGroupMode &.sapUiTableRowSelectionCell {
-		box-shadow: 0 -@_sap_ui_table_BaseBorderWidth @sapUiListBorderColor;
+		box-shadow: 0 -@_sap_ui_table_BaseBorderWidth var(--sapList_BorderColor);
 	}
 
-	// Last data column border
+	/* Last data column border */
 	&.sapUiTableCellLast {
-		// The table and row action column have a border, so the last data column doesn't need one.
-		// See: sapUiTableCellDummy, sapUiTableCtrlScr
+		/* The table and row action column have a border, so the last data column doesn't need one. */
+		/* See: sapUiTableCellDummy, sapUiTableCtrlScr */
 		border-right-color: transparent;
 	}
 
-	// Row action column border
+	/* Row action column border */
 	&.sapUiTableRowActionHeaderCell,
 	&.sapUiTableRowActionCell {
 		border-left: @_sap_ui_table_BaseBorderWidth solid @sapUiListVerticalBorderColor;
@@ -78,27 +79,28 @@
 			border-right-color: transparent;
 		}
 	}
+
 	&.sapUiTableRowActionCell {
+
 		.sapUiTableRowNavIndicator & {
 			border-right: none;
 			border-left: none;
-			background-color: transparent;
 		}
 	}
 
-	// Fixed data column border
+	/* Fixed data column border */
 	&.sapUiTableCellLastFixed {
 		border-right-color: @sapUiListTableFixedBorder;
 	}
 
-	// Header rows borders
+	/* Header rows borders */
 	&.sapUiTableHeaderCell {
-		// Column header rows don't have bottom borders. The header area as a whole has a bottom border.
-		// See: sapUiTableColHdrCnt
+		/* Column header rows don't have bottom borders. The header area as a whole has a bottom border. */
+		/* See: sapUiTableColHdrCnt */
 		border-bottom: none;
 	}
 
-	// Fixed rows borders
+	/* Fixed rows borders */
 	.sapUiTableRowLastFixedTop > &,
 	.sapUiTableRowLastScrollable > & {
 		border-bottom-color: @sapUiListTableFixedBorder;
@@ -117,9 +119,10 @@
 		box-shadow: 0 @_sap_ui_table_BaseBorderWidth @_sap_ui_table_Cell_ShadowColorFixed inset;
 	}
 
-	// Last row border
+	/* Last row border */
 	.sapUiTableLastRow > & {
-		// The table has a border, so the last row doesn't need one.
+
+		/* The table has a border, so the last row doesn't need one. */
 		border-bottom-color: transparent;
 	}
 
@@ -141,7 +144,7 @@
 	}
 }
 
-.sapUiTableRowSelectionHeaderCell { // Contains highlight and SelectAll selector.
+.sapUiTableRowSelectionHeaderCell { /* Contains highlight and SelectAll selector. */
 	display: none;
 	vertical-align: bottom;
 	position: absolute;
@@ -155,12 +158,13 @@
 		min-height: @_sap_ui_table_ColumnHeaderHeightCozy;
 	}
 
+	/* Either selectors or highlights visible. */
 	.sapUiTableRowSelectors &,
 	.sapUiTableRowHighlights & {
 		display: inline-block;
 	}
 
-	// Only selectors visible.
+	/* Only selectors visible. */
 	.sapUiTableRowSelectors:not(.sapUiTableRowHighlights) & {
 		width: @_sap_ui_table_RowSelectorWidth;
 
@@ -173,12 +177,13 @@
 		}
 	}
 
-	// Only highlights visible.
+	/* Only highlights visible. */
 	.sapUiTableRowHighlights:not(.sapUiTableRowSelectors) & {
 		width: @_sap_ui_table_RowHighlightWidth;
+		pointer-events: none;
 	}
 
-	// Both selectors and highlights visible.
+	/* Both selectors and highlights visible. */
 	.sapUiTableRowHighlights.sapUiTableRowSelectors & {
 		width: calc(@_sap_ui_table_RowSelectorWidth ~"+" @_sap_ui_table_RowHighlightWidth);
 
@@ -196,8 +201,12 @@
 		pointer-events: none;
 	}
 
-	&:not(.sapUiTableSelAllDisabled), &:not(.sapUiTableSelAllDisabled) .sapUiIcon {
+	&:not(.sapUiTableSelAllDisabled) {
 		cursor: pointer;
+
+		> * {
+			cursor: pointer;
+		}
 	}
 }
 
@@ -206,24 +215,29 @@
 
 	&.sapUiTableHeaderCellActive {
 		cursor: pointer;
-		.sapMLabel, .sapMText, .sapUiIcon {
+
+		.sapMLabel,
+		.sapMText,
+		.sapUiIcon {
 			cursor: pointer;
 		}
 	}
 
 	&.sapUiTableHeaderCellActive:active {
-		// The active state background color and text color should not be applied if column reordering is in progress.
+
+		/* The active state background color and text color should not be applied if column reordering is in progress. */
 		.sapUiTable:not(.sapUiTableDragDrop) & {
-			background-color: @sapUiListActiveBackground;
-			color: @sapUiListActiveTextColor;
+			background-color: var(--sapList_Active_Background);
+			color: var(--sapList_Active_TextColor);
 		}
 
 		& > .sapUiTableCellInner {
+
 			span,
 			label,
 			&.sapUiTableColSorted::after,
 			&.sapUiTableColFiltered::after {
-				color: @sapUiListActiveTextColor;
+				color: var(--sapList_Active_TextColor);
 			}
 		}
 	}
@@ -245,6 +259,7 @@
 			display: flex;
 			flex: 1 1 auto;
 			overflow: hidden;
+			align-items: center;
 
 			> * {
 				overflow: hidden;
@@ -252,34 +267,35 @@
 		}
 
 		&::after {
+
 			.sapUiTableColSorted&,
 			.sapUiTableColFiltered& {
-				content: "";
-				font-family: "SAP-Icons";
+				content: '';
+				font-family: var(--sapContent_IconFontFamily);
 				font-size: @_sap_ui_table_Cell_ColumnIconSize;
-				color: @sapUiContentNonInteractiveIconColor;
+				color: var(--sapContent_NonInteractiveIconColor);
 				margin-left: 0.5rem;
 				flex: none;
 			}
 
 			.sapUiTableColSorted& {
-				content: "\e1fd";
+				content: '\e1fd';
 			}
 
 			.sapUiTableColSortedD& {
-				content: "\e1fc";
+				content: '\e1fc';
 			}
 
 			.sapUiTableColFiltered& {
-				content: "\e076";
+				content: '\e076';
 			}
 
 			.sapUiTableColFiltered.sapUiTableColSorted& {
-				content: "\e076\00a0\e1fd";
+				content: '\e076\00a0\e1fd';
 			}
 
 			.sapUiTableColFiltered.sapUiTableColSortedD& {
-				content: "\e076\00a0\e1fc";
+				content: '\e076\00a0\e1fc';
 			}
 		}
 	}
@@ -294,13 +310,13 @@
 
 		.sapUiTableColResizer,
 		.sapUiTableColDropDown {
-			font-family: "SAP-icons";
+			font-family: var(--sapContent_IconFontFamily);
 			font-size: @_sap_ui_table_Cell_TouchMenuIconSize;
-			color: @sapUiContentIconColor;
+			color: var(--sapContent_IconColor);
 			cursor: default;
 
 			&:active {
-				color: @sapUiContentContrastTextColor;
+				color: var(--sapContent_ContrastTextColor);
 			}
 		}
 	}
@@ -361,11 +377,10 @@
 
 .sapUiTableRowSelectionCell {
 	cursor: pointer;
-}
 
-.sapUiTableRowSelectionCell,
-.sapUiTableRowActionCell {
-	position: relative;
+	.sapUiTable:not(.sapUiTableRowSelectors) & {
+		pointer-events: none;
+	}
 }
 
 .sapUiTableRowActionCell {
@@ -397,18 +412,21 @@
 
 	.sapUiTableRowNavIndicator & {
 		min-width: @_sap_ui_table_NavIndicatorWidth;
+		pointer-events: none;
 	}
 }
 
 .sapUiTableCellDummy {
 	border-left: @_sap_ui_table_BaseBorderWidth solid @_sap_ui_table_Cell_DummyBorderColor;
 	pointer-events: none;
+
 	.sapUiTableContentRow & {
-		background-color: @sapBackgroundColor !important;
+		background-color: var(--sapBackgroundColor) !important;
 	}
 }
 
 .sapUiTableCellFlex {
+
 	> .sapUiTableCellInner {
 		display: flex;
 		align-items: center;
@@ -435,7 +453,7 @@
  * Another alternative would be rendering a dummy 0.5rem width column. While this can solve the
  * API and DOM column width difference, changing the table layout might be expensive.
  */
-.sapUiTable:not(.sapUiTableRowSelectors,.sapUiTableRowHighlights) .sapUiTableFirstVisibleColumnTH {
+.sapUiTable:not(.sapUiTableRowSelectors, .sapUiTableRowHighlights) .sapUiTableFirstVisibleColumnTH {
 	padding-left: .25rem;
 	padding-right: .25rem;
 }

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

@@ -5,8 +5,8 @@
 
 .sapUiTableCreationRow {
 	display: flex;
-	background-color: @sapUiListHeaderBackground;
-	border-bottom: @_sap_ui_table_BaseBorderWidth solid @sapUiListHeaderBorderColor;
+	background-color: var(--sapList_HeaderBackground);
+	border-bottom: @_sap_ui_table_BaseBorderWidth solid var(--sapList_HeaderBorderColor);
 
 	> .sapUiTableCreationRowBeginSection {
 		flex: none;
@@ -47,29 +47,31 @@
 		}
 
 		.sapUiTableCell {
-			&:extend(.sapUiTableDataCell all); // We want the styles, but not the class. It is a "type class" that influences the tables behavior.
 
-			// The cells in the creation row should not have any borders except the ones that indicate fixed areas (e.g. fixed columns).
+			&:extend(.sapUiTableDataCell all); /* We want the styles, but not the class. It is a "type class" that influences the tables behavior. */
+
+			/* The cells in the creation row should not have any borders except the ones that indicate fixed areas (e.g. fixed columns). */
 			border-color: transparent;
 
-			// Fixed data column border
+			/* Fixed data column border */
 			&.sapUiTableCellLastFixed {
 				border-right-color: @sapUiListTableFixedBorder;
 			}
 
-			// Row action column border
+			/* Row action column border */
 			.sapUiTableHScr &.sapUiTableRowActionHeaderCell {
 				border-left-color: @sapUiListTableFixedBorder;
 			}
 
-			// The height is fixed to the default row height (or the application defined height, see TableRenderer) until variable row heights are
-			// generally supported.
+			/* The height is fixed to the default row height (or the application defined height, see TableRenderer) until variable row heights are */
+			/* generally supported. */
 			> .sapUiTableCellInner {
 				max-height: @_sap_ui_table_BaseSize;
 
 				.sapUiSizeCozy & {
 					max-height: @_sap_ui_table_BaseSizeCozy;
 				}
+
 				.sapUiSizeCondensed & {
 					max-height: @_sap_ui_table_BaseSizeCondensed;
 				}