@openui5/sap.ui.table 1.93.3 → 1.96.2

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

@@ -17,7 +17,7 @@ sap.ui.define(['sap/ui/core/Core', 'sap/ui/model/TreeAutoExpandMode',
 	// delegate further initialization of this library to the Core
 	sap.ui.getCore().initLibrary({
 		name : "sap.ui.table",
-		version: "1.93.3",
+		version: "1.96.2",
 		dependencies : ["sap.ui.core","sap.ui.unified"],
 		designtime: "sap/ui/table/designtime/library.designtime",
 		types: [
@@ -74,7 +74,7 @@ sap.ui.define(['sap/ui/core/Core', 'sap/ui/model/TreeAutoExpandMode',
 	 * @namespace
 	 * @alias sap.ui.table
 	 * @author SAP SE
-	 * @version 1.93.3
+	 * @version 1.96.2
 	 * @since 0.8
 	 * @public
 	 */
@@ -83,7 +83,7 @@ sap.ui.define(['sap/ui/core/Core', 'sap/ui/model/TreeAutoExpandMode',
 	/**
 	 * Navigation mode of the table
 	 *
-	 * @version 1.93.3
+	 * @version 1.96.2
 	 * @enum {string}
 	 * @public
 	 * @ui5-metamodel This enumeration also will be described in the UI5 (legacy) designtime metamodel
@@ -111,7 +111,7 @@ sap.ui.define(['sap/ui/core/Core', 'sap/ui/model/TreeAutoExpandMode',
 	/**
 	 * Row Action types.
 	 *
-	 * @version 1.93.3
+	 * @version 1.96.2
 	 * @enum {string}
 	 * @public
 	 * @ui5-metamodel This enumeration also will be described in the UI5 (legacy) designtime metamodel
@@ -142,7 +142,7 @@ sap.ui.define(['sap/ui/core/Core', 'sap/ui/model/TreeAutoExpandMode',
 	/**
 	 * Selection behavior of the table
 	 *
-	 * @version 1.93.3
+	 * @version 1.96.2
 	 * @enum {string}
 	 * @public
 	 * @ui5-metamodel This enumeration also will be described in the UI5 (legacy) designtime metamodel
@@ -173,7 +173,7 @@ sap.ui.define(['sap/ui/core/Core', 'sap/ui/model/TreeAutoExpandMode',
 	/**
 	 * Selection mode of the table
 	 *
-	 * @version 1.93.3
+	 * @version 1.96.2
 	 * @enum {string}
 	 * @public
 	 * @ui5-metamodel This enumeration also will be described in the UI5 (legacy) designtime metamodel
@@ -211,7 +211,7 @@ sap.ui.define(['sap/ui/core/Core', 'sap/ui/model/TreeAutoExpandMode',
 	/**
 	 * Sort order of a column
 	 *
-	 * @version 1.93.3
+	 * @version 1.96.2
 	 * @enum {string}
 	 * @public
 	 * @ui5-metamodel This enumeration also will be described in the UI5 (legacy) designtime metamodel
@@ -236,7 +236,7 @@ sap.ui.define(['sap/ui/core/Core', 'sap/ui/model/TreeAutoExpandMode',
 	/**
 	 * VisibleRowCountMode of the table
 	 *
-	 * @version 1.93.3
+	 * @version 1.96.2
 	 * @enum {string}
 	 * @public
 	 * @ui5-metamodel This enumeration also will be described in the UI5 (legacy) designtime metamodel
@@ -268,7 +268,7 @@ sap.ui.define(['sap/ui/core/Core', 'sap/ui/model/TreeAutoExpandMode',
 	 *
 	 * Contains IDs of shared DOM references, which should be accessible to inheriting controls via getDomRef() function.
 	 *
-	 * @version 1.93.3
+	 * @version 1.96.2
 	 * @enum {string}
 	 * @public
 	 */
@@ -366,7 +366,7 @@ sap.ui.define(['sap/ui/core/Core', 'sap/ui/model/TreeAutoExpandMode',
 	 *
 	 * This is an alias for {@link sap.ui.model.TreeAutoExpandMode} and kept for compatibility reasons.
 	 *
-	 * @version 1.93.3
+	 * @version 1.96.2
 	 * @typedef {sap.ui.model.TreeAutoExpandMode}
 	 * @public
 	 */

package/src/sap/ui/table/messagebundle_fr.properties

@@ -22,7 +22,7 @@ TBL_COL_VISBILITY_MENUITEM_HIDE=Masquer colonne
 
 TBL_ROW_SELECT=Cliquer pour s\u00E9lectionner
 TBL_ROW_DESELECT=Cliquer pour d\u00E9s\u00E9lectionner
-TBL_ROW_SELECT_MULTI_TOGGLE=Cliquez pour s\u00E9lectionner ou cliquez en maintenant MAJ pour s\u00E9lectionner une plage.
+TBL_ROW_SELECT_MULTI_TOGGLE=Cliquez pour s\u00E9lectionner ou appuyez sur MAJ et cliquez pour s\u00E9lectionner une plage.
 
 TBL_TABLE_SELECTION_MULTI=Table avec s\u00E9lection multiple activ\u00E9e
 TBL_TABLE_SELECTION_SINGLE=Table avec s\u00E9lection simple activ\u00E9e

package/src/sap/ui/table/messagebundle_it.properties

@@ -20,9 +20,9 @@ TBL_HIDE_COLUMN=Nascondi
 TBL_COL_VISBILITY_MENUITEM_SHOW=Visualizza colonna
 TBL_COL_VISBILITY_MENUITEM_HIDE=Nascondi colonna
 
-TBL_ROW_SELECT=Fai clic per selezionare
-TBL_ROW_DESELECT=Fai clic per deselezionare
-TBL_ROW_SELECT_MULTI_TOGGLE=Fai clic per selezionare la riga oppure premi MAIUSC e fai clic per selezionare un intervallo di righe
+TBL_ROW_SELECT=Fare clic per selezionare
+TBL_ROW_DESELECT=Fare clic per deselezionare
+TBL_ROW_SELECT_MULTI_TOGGLE=Fare clic per selezionare o premere MAIUSC e fare clic per selezionare un intervallo
 
 TBL_TABLE_SELECTION_MULTI=Tabella con selezione multipla attivata
 TBL_TABLE_SELECTION_SINGLE=Tabella con selezione singola attivata

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

@@ -22,7 +22,7 @@ sap.ui.define([
 	 *
 	 * @class Implements the selection methods for TreeTable and AnalyticalTable
 	 * @extends sap.ui.table.plugins.SelectionPlugin
-	 * @version 1.93.3
+	 * @version 1.96.2
 	 * @constructor
 	 * @private
 	 * @alias sap.ui.table.plugins.BindingSelection

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

@@ -28,7 +28,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Element
 	 *
 	 * @author SAP SE
-	 * @version 1.93.3
+	 * @version 1.96.2
 	 *
 	 * @private
 	 * @experimental Since 1.75

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

@@ -23,7 +23,7 @@ sap.ui.define([
 	 *
 	 * @class Implements the selection methods for a Table
 	 * @extends sap.ui.table.plugins.SelectionPlugin
-	 * @version 1.93.3
+	 * @version 1.96.2
 	 * @constructor
 	 * @private
 	 * @alias sap.ui.table.plugins.SelectionModelSelection
@@ -77,7 +77,7 @@ sap.ui.define([
 	 */
 	SelectionModelSelection.prototype.onActivate = function(oTable) {
 		SelectionPlugin.prototype.onActivate.apply(this, arguments);
-		this.oSelectionModel.attachSelectionChanged(this._onSelectionChange, this);
+		this.oSelectionModel.attachSelectionChanged(onSelectionChange, this);
 		TableUtils.Hook.register(oTable, TableUtils.Hook.Keys.Table.TotalRowCountChanged, onTotalRowCountChanged, this);
 		this._bIgnoreNextTotalRowCountChange = oTable._getTotalRowCount() === 0;
 	};
@@ -87,7 +87,7 @@ sap.ui.define([
 	 */
 	SelectionModelSelection.prototype.onDeactivate = function(oTable) {
 		SelectionPlugin.prototype.onDeactivate.apply(this, arguments);
-		this.oSelectionModel.detachSelectionChanged(this._onSelectionChange, this);
+		this.oSelectionModel.detachSelectionChanged(onSelectionChange, this);
 		this.oSelectionModel.clearSelection();
 		detachFromBinding(this, this.getTableBinding());
 		TableUtils.Hook.deregister(oTable, TableUtils.Hook.Keys.Table.TotalRowCountChanged, onTotalRowCountChanged, this);
@@ -289,22 +289,6 @@ sap.ui.define([
 		return oBinding ? oBinding.getLength() - 1 : -1;
 	};
 
-	/**
-	 * Fires the selectionChange event
-	 *
-	 * @param {sap.ui.base.Event} oEvent
-	 * @private
-	 */
-	SelectionModelSelection.prototype._onSelectionChange = function(oEvent) {
-		var aRowIndices = oEvent.getParameter("rowIndices");
-		var bSelectAll = oEvent.getParameter("selectAll");
-
-		this.fireSelectionChange({
-			rowIndices: aRowIndices,
-			selectAll: bSelectAll
-		});
-	};
-
 	/**
 	 * @inheritDoc
 	 */
@@ -329,24 +313,29 @@ sap.ui.define([
 		this._resume();
 	};
 
+	function onSelectionChange(oEvent) {
+		var aRowIndices = oEvent.getParameter("rowIndices");
+		var bSelectAll = oEvent.getParameter("selectAll");
+
+		this.fireSelectionChange({
+			rowIndices: aRowIndices,
+			selectAll: bSelectAll
+		});
+	}
+
 	function attachToBinding(oPlugin, oBinding) {
 		if (oBinding) {
-			oBinding.attachChange(oPlugin._onBindingChange, oPlugin);
+			oBinding.attachChange(onBindingChange, oPlugin);
 		}
 	}
 
 	function detachFromBinding(oPlugin, oBinding) {
 		if (oBinding) {
-			oBinding.detachChange(oPlugin._onBindingChange, oPlugin);
+			oBinding.detachChange(onBindingChange, oPlugin);
 		}
 	}
 
-	/**
-	 *
-	 * @param {sap.ui.base.Event} oEvent
-	 * @private
-	 */
-	SelectionModelSelection.prototype._onBindingChange = function(oEvent) {
+	function onBindingChange(oEvent) {
 		var sReason = typeof (oEvent) === "object" ? oEvent.getParameter("reason") : oEvent;
 
 		if (sReason === "sort" || sReason === "filter") {
@@ -357,7 +346,7 @@ sap.ui.define([
 			this._bIgnoreNextTotalRowCountChange = true;
 			delete this._bWaitForBindingChange;
 		}
-	};
+	}
 
 	function onTotalRowCountChanged() {
 		if (!this._bIgnoreNextTotalRowCountChange) {

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

@@ -29,7 +29,7 @@ sap.ui.define([
 	 * @class Implements the selection methods for a table.
 	 * @extends sap.ui.core.Element
 	 * @author SAP SE
-	 * @version 1.93.3
+	 * @version 1.96.2
 	 * @public
 	 * @since 1.64
 	 * @experimental As of version 1.64

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

@@ -32,7 +32,7 @@ sap.ui.define([
 	 * @class TODO (don't forget to document fixed row count restrictions because fixed rows are set by this plugin)
 	 * @extends sap.ui.table.plugins.PluginBase
 	 * @author SAP SE
-	 * @version 1.93.3
+	 * @version 1.96.2
 	 * @private
 	 * @since 1.76
 	 * @experimental
@@ -271,6 +271,7 @@ sap.ui.define([
 	 *     The state is an object with the following keys:
 	 *     - subtotals: boolean - Whether the cell content should be visible in subtotal rows
 	 *     - grandTotal: boolean - Whether the cell content should be visible in grand total rows
+	 * @param {string} [oAggregateInfo.search] A search string used to search transformation (see {@link sap.ui.model.odata.v4.ODataListBinding#setAggregation}) for details..
 	 */
 	V4Aggregation.prototype.setAggregationInfo = function(oAggregateInfo) {
 		oAggregateInfo = Object.assign({
@@ -281,6 +282,7 @@ sap.ui.define([
 			this._mGroup = undefined;
 			this._mAggregate = undefined;
 			this._aGroupLevels = undefined;
+			this._sSearch = undefined;
 		} else {
 			var aAllUnitProperties = [];
 			var aAllAdditionalProperties = [];
@@ -393,6 +395,10 @@ sap.ui.define([
 					delete this._mGroup[sKey];
 				}
 			}.bind(this));
+
+			if (oAggregateInfo.search) {
+				this._sSearch = oAggregateInfo.search;
+			}
 		}
 
 		this._mColumnState = oAggregateInfo.columnState;
@@ -411,7 +417,8 @@ sap.ui.define([
 			group: deepClone(this._mGroup),
 			groupLevels: this._aGroupLevels ? this._aGroupLevels.map(function(mGroupLevelInfo) {
 				return mGroupLevelInfo.property.path;
-			}) : undefined
+			}) : undefined,
+			search: this._sSearch
 		};
 
 		if (mAggregation.aggregate) {

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

@@ -35,7 +35,7 @@ sap.ui.define([
 	 * @ui5-restricted sap.ui.mdc
 	 *
 	 * @author SAP SE
-	 * @version 1.93.3
+	 * @version 1.96.2
 	 * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
 	 */
 	var AutoRowMode = RowMode.extend("sap.ui.table.rowmodes.AutoRowMode", /** @lends sap.ui.table.rowmodes.AutoRowMode.prototype */ {
@@ -260,6 +260,21 @@ sap.ui.define([
 		return iRequestLength;
 	};
 
+	/**
+	 * @inheritDoc
+	 */
+	AutoRowMode.prototype.updateTableRows = function() {
+		if (this.getHideEmptyRows() && this.getComputedRowCounts().count === 0) {
+			var iConfiguredRowCount = this.getConfiguredRowCount();
+
+			if (iConfiguredRowCount > 0) {
+				return this.getRowContexts(iConfiguredRowCount, true).length > 0;
+			}
+		} else {
+			return RowMode.prototype.updateTableRows.call(this);
+		}
+	};
+
 	/**
 	 * @inheritDoc
 	 */

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

@@ -29,7 +29,7 @@ sap.ui.define([
 	 * @ui5-restricted sap.ui.mdc
 	 *
 	 * @author SAP SE
-	 * @version 1.93.3
+	 * @version 1.96.2
 	 *
 	 * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
 	 */
@@ -157,6 +157,21 @@ sap.ui.define([
 		return Math.max(0, this.getRowCount());
 	};
 
+	/**
+	 * @inheritDoc
+	 */
+	FixedRowMode.prototype.updateTableRows = function() {
+		if (this.getHideEmptyRows() && this.getComputedRowCounts().count === 0) {
+			var iRowCount = this.getRowCount();
+
+			if (iRowCount > 0) {
+				return this.getRowContexts(iRowCount, true).length > 0;
+			}
+		} else {
+			return RowMode.prototype.updateTableRows.call(this);
+		}
+	};
+
 	/**
 	 * @inheritDoc
 	 */

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

@@ -33,7 +33,7 @@ sap.ui.define([
 	 * @ui5-restricted sap.ui.mdc
 	 *
 	 * @author SAP SE
-	 * @version 1.93.3
+	 * @version 1.96.2
 	 *
 	 * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
 	 */
@@ -168,7 +168,11 @@ sap.ui.define([
 	 * @inheritDoc
 	 */
 	InteractiveRowMode.prototype.getComputedRowCounts = function() {
-		return this.computeStandardizedRowCounts(this.getConfiguredRowCount(), this.getFixedTopRowCount(), this.getFixedBottomRowCount());
+		var iRowCount = this.getConfiguredRowCount();
+		var iFixedTopRowCount = this.getFixedTopRowCount();
+		var iFixedBottomRowCount = this.getFixedBottomRowCount();
+
+		return this.computeStandardizedRowCounts(iRowCount, iFixedTopRowCount, iFixedBottomRowCount);
 	};
 
 	/**
@@ -315,13 +319,23 @@ sap.ui.define([
 		var width = $Splitter.width();
 		var bTouch = oTable._isTouchEvent(oEvent);
 
-		$Body.append(
-			"<div id=\"" + oTable.getId() + "-ghost\" class=\"sapUiTableInteractiveResizerGhost\" style =\" height:" + height + "px; width:"
-			+ width + "px; left:" + offset.left + "px; top:" + offset.top + "px\" ></div>");
-
-		// Append overlay over splitter to enable correct functionality of moving the splitter
-		$Splitter.append(
-			"<div id=\"" + oTable.getId() + "-rzoverlay\" style =\"left: 0px; right: 0px; bottom: 0px; top: 0px; position:absolute\" ></div>");
+		var oGhostDiv = document.createElement("div");
+		oGhostDiv.style.width = width + "px";
+		oGhostDiv.style.height = height + "px";
+		oGhostDiv.style.left = offset.left + "px";
+		oGhostDiv.style.top = offset.top + "px";
+		oGhostDiv.className = "sapUiTableInteractiveResizerGhost";
+		oGhostDiv.id = oTable.getId() + "-ghost";
+		$Body.append(oGhostDiv);
+
+		var oOverlayDiv = document.createElement("div");
+		oOverlayDiv.style.top = "0px";
+		oOverlayDiv.style.bottom = "0px";
+		oOverlayDiv.style.left = "0px";
+		oOverlayDiv.style.right = "0px";
+		oOverlayDiv.style.position = "absolute";
+		oOverlayDiv.id = oTable.getId() + "-rzoverlay";
+		$Splitter.append(oOverlayDiv);
 
 		$Document.on((bTouch ? "touchend" : "mouseup") + ".sapUiTableInteractiveResize",
 			ResizeHelper.exitInteractiveResizing.bind(oTable, oMode));

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

@@ -36,7 +36,7 @@ sap.ui.define([
 	 * @ui5-restricted sap.ui.mdc
 	 *
 	 * @author SAP SE
-	 * @version 1.93.3
+	 * @version 1.96.2
 	 * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
 	 */
 	var RowMode = Element.extend("sap.ui.table.rowmodes.RowMode", /** @lends sap.ui.table.rowmodes.RowMode.prototype */ {
@@ -578,9 +578,9 @@ sap.ui.define([
 		// 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()) {
 			iNewNumberOfRows = 0;
-		} else if (TableUtils.isVariableRowHeightEnabled(oTable)) {
+		} else if (TableUtils.isVariableRowHeightEnabled(oTable) && iNewNumberOfRows > 0) {
 			// TODO: Move this to VariableRowMode#getComputedRowCounts
-			iNewNumberOfRows = iNewNumberOfRows + 1; // Create one additional row for partial row scrolling.
+			iNewNumberOfRows++; // Create one additional row for partial row scrolling.
 		}
 
 		// Destroy rows if they are invalid, but keep the DOM in case the table is going to render.
@@ -725,24 +725,10 @@ sap.ui.define([
 	 */
 	RowMode.prototype.disableNoData = function() {
 		var oTable = this.getTable();
-		var bNoDataVisible;
 
-		if (this.isNoDataDisabled()) {
-			return;
-		}
-
-		bNoDataVisible = oTable ? TableUtils.isNoDataVisible(oTable) : false;
-		_private(this).bNoDataDisabled = true;
-
-		if (!oTable) {
-			return;
-		}
-
-		if (bNoDataVisible && oTable.getRows().length === 0) {
-			// If the NoData text is disabled, but there is no data, the table needs to be invalidated to make sure that empty rows are rendered.
+		if (oTable && !this.isNoDataDisabled()) {
+			_private(this).bNoDataDisabled = true;
 			oTable.invalidate();
-		} else if (!oTable._bInvalid) {
-			oTable._updateNoData();
 		}
 	};
 
@@ -755,14 +741,9 @@ sap.ui.define([
 	RowMode.prototype.enableNoData = function() {
 		var oTable = this.getTable();
 
-		if (!this.isNoDataDisabled()) {
-			return;
-		}
-
-		_private(this).bNoDataDisabled = false;
-
-		if (oTable && !oTable._bInvalid) {
-			oTable._updateNoData();
+		if (oTable && this.isNoDataDisabled()) {
+			_private(this).bNoDataDisabled = false;
+			oTable.invalidate();
 		}
 	};
 
@@ -804,12 +785,13 @@ sap.ui.define([
 	 */
 	function updateBindingContextsOfRows(oMode, aRows) {
 		var oTable = oMode.getTable();
-		var aContexts = oMode.getRowContexts(aRows.length);
 
 		if (!oTable || aRows.length === 0) {
 			return;
 		}
 
+		var aContexts = oMode.getRowContexts(aRows.length);
+
 		for (var i = 0; i < aRows.length; i++) {
 			aRows[i].setRowBindingContext(aContexts[i], oTable);
 		}

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

@@ -23,7 +23,7 @@ sap.ui.define([
 	 * @extends sap.ui.table.rowmodes.RowMode
 	 *
 	 * @author SAP SE
-	 * @version 1.93.3
+	 * @version 1.96.2
 	 *
 	 * @constructor
 	 * @private

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

@@ -337,15 +337,6 @@
 		overflow: hidden;
 		padding: @_sap_ui_table_Cell_Padding;
 		white-space: nowrap;
-
-		.sapUiSizeCondensed & {
-			padding: 0;
-
-			> * {
-				box-sizing: border-box;
-				padding: @_sap_ui_table_Cell_Padding;
-			}
-		}
 	}
 }
 
@@ -390,7 +381,7 @@
 	border-left: @_sap_ui_table_BaseBorderWidth solid @sapUiListVerticalBorderColor;
 	pointer-events: none;
 	.sapUiTableContentRow & {
-		background-color: @sapUiListBackground !important;
+		background-color: @sapBackgroundColor !important;
 	}
 }
 

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

@@ -104,6 +104,10 @@ html[dir=rtl] {
 	}
 }
 
+.sapUiTableTreeIcon.sapUiTableTreeIconLeaf {
+	visibility: hidden;
+}
+
 .sapUiTableGroupHeaderFading(@color) {
 	box-shadow: inset @_sap_ui_table_Grouping_GroupHeaderFadingWidth 0 @_sap_ui_table_Grouping_GroupHeaderFadingWidth / 2 -@_sap_ui_table_Grouping_GroupHeaderFadingWidth / 2 @color;
 }
@@ -201,7 +205,6 @@ html[dir=rtl] {
 }
 
 .sapUiTableGroupMode .sapUiTableTr.sapUiTableGroupHeaderRow > .sapUiTableCellDummy {
-	border-bottom: @_sap_ui_table_BaseBorderWidth solid @sapUiListBorderColor;
 	background-color: @_sap_ui_table_Grouping_GroupHeaderBackground;
 }
 

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

@@ -0,0 +1,26 @@
+/* =============================== */
+/* CSS for sap.ui.table/ScrollingIOS  */
+/* Base theme                      */
+/* =============================== */
+
+.sapUiTableVSbIOSActive {
+	.sapUiTableVSb,
+	.sapUiTableVSbExternal {
+		touch-action: none;
+	}
+}
+
+.sapUiTableVSbIOS {
+	position: absolute;
+	right: 0;
+	z-index: 5;
+	width: @_sap_ui_table_Scrolling_ScrollbarSizeMobile;
+}
+
+.sapUiTableVSbIOSThumb {
+	position: relative;
+	background-color: #949494;
+	border-radius: 0.25rem;
+	left: @_sap_ui_table_BaseBorderWidth;
+	width: calc(@_sap_ui_table_Scrolling_ScrollbarSizeMobile ~"-" calc(2 * @_sap_ui_table_BaseBorderWidth));
+}

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

@@ -63,7 +63,7 @@
 	border-left: @_sap_ui_table_BaseBorderWidth solid @sapUiListVerticalBorderColor;
 	border-right: @_sap_ui_table_BaseBorderWidth solid @sapUiListVerticalBorderColor;
 	border-top: @_sap_ui_table_BaseBorderWidth solid @sapUiListBorderColor;
-	background-color: @sapUiListBackground;
+	background-color: @sapBackgroundColor;
 	._sap_ui_table_Table_Table();
 }
 

package/src/sap/ui/table/themes/base/library.source.less

@@ -56,6 +56,7 @@
 @import "RowSelection.less";
 @import "RowAction.less";
 @import "Scrolling.less";
+@import "ScrollingIOS.less";
 @import "DragDrop.less";
 @import "Grouping.less";
 @import "AnalyticalTable.less";