@openui5/sap.ui.mdc 1.97.1 → 1.100.0

package/src/sap/ui/mdc/table/Column.js

@@ -14,7 +14,7 @@ sap.ui.define([
 	 *
 	 * @param {string} [sId] Optional ID for the new object; generated automatically if no non-empty ID is given
 	 * @param {object} [mSettings] initial settings for the new control
-	 * @class The column for the metadata driven table, that holds the template to be shown when the rows has data.
+	 * @class The column for the metadata-driven table with the template, which is shown if the rows have data.
 	 * @extends sap.ui.core.Element
 	 * @author SAP SE
 	 * @private
@@ -32,7 +32,7 @@ sap.ui.define([
 			defaultAggregation: "template",
 			properties: {
 				/**
-				 * Width of the column
+				 * Width of the column.
 				 */
 				width: {
 					type: "sap.ui.core.CSSSize",
@@ -40,7 +40,7 @@ sap.ui.define([
 					defaultValue: null
 				},
 				/**
-				 * Minimal width of the column
+				 * Minimum width of the column.
 				 */
 				minWidth: {
 					type: "float",
@@ -48,13 +48,13 @@ sap.ui.define([
 					defaultValue: 8
 				},
 				/**
-				 * The column header text
+				 * The column header text.
 				 */
 				header: {
 					type: "string"
 				},
 				/**
-				 * Defines whether the column header is visible
+				 * Defines whether the column header is visible.
 				 * @since 1.78
 				 */
 				headerVisible: {
@@ -63,14 +63,14 @@ sap.ui.define([
 					defaultValue: true
 				},
 				/**
-				 * Horizontal alignment of the content
+				 * Horizontal alignment of the content.
 				 */
 				hAlign: {
 					type: "sap.ui.core.HorizontalAlign",
 					defaultValue: "Begin"
 				},
 				/**
-				 * Importance of the column. It is used to show or hide the column based on the <code>MDCTable</code> configuration.
+				 * Importance of the column. It is used to show or hide the column based on the <code>Table</code> configuration.
 				 */
 				importance: {
 					type: "sap.ui.core.Priority",
@@ -86,7 +86,7 @@ sap.ui.define([
 					defaultValue: -1
 				},
 				/**
-				 * The data property related to the column
+				 * The data property related to the column.
 				 */
 				dataProperty: {
 					type: "string"
@@ -95,15 +95,15 @@ sap.ui.define([
 			events: {},
 			aggregations: {
 				/**
-				 * Template for the column
+				 * Template for the column.
 				 */
 				template: {
 					type: "sap.ui.core.Control",
 					multiple: false
 				},
 				/**
-				 * <code>CreationRow</code> template
-				 * <b>Note:</b> Once the binding implements support for creating transient records, this aggregation will be removed.
+				 * <code>CreationRow</code> template.
+				 * <b>Note:</b> Once the binding supports creating transient records, this aggregation will be removed.
 				 */
 				creationTemplate: {
 					type: "sap.ui.core.Control",
@@ -240,7 +240,7 @@ sap.ui.define([
 
 	/**
 	 * Creates and returns the column header control.
-	 * If <code>headerVisible=false</code> then, <code>width=0px</code> is applied to the <code>sap.m.Label</code> control for accessibility purpose.
+	 * If <code>headerVisible=false</code> then <code>width=0px</code> is applied to the <code>sap.m.Label</code> control for accessibility purposes.
 	 * @param {boolean} bMobileTable The type of the table
 	 * @param {boolean} bResizing Indicates whether the column is resizable
 	 * @returns {object} The column header control

package/src/sap/ui/mdc/table/CreationRow.js

@@ -12,16 +12,16 @@ sap.ui.define([
 	var TableType = Library.TableType;
 
 	/**
-	 * Constructor for a new CreationRow.
+	 * Constructor for a new <code>CreationRow</code>.
 	 *
 	 * @param {string} [sId] Optional ID for the new object; generated automatically if no non-empty ID is given
-	 * @param {object} [mSettings] initial settings for the new control
-	 * @class Allows to enter data in a row shaped form, if the table's {@link sap.ui.mdc.TableType TableType} is "<code>Table</code>". The form
-	 * elements are aligned with the columns of the table, and are created automatically based on the
+	 * @param {object} [mSettings] Initial settings for the new control
+	 * @class Row that allows the user to enter data in a row-shaped form if the {@link sap.ui.mdc.TableType TableType} is "<code>Table</code>".
+	 * The form elements are aligned with the columns of the table and are created automatically based on the
 	 * {@link sap.ui.mdc.table.Column#getCreationTemplate creationTemplate} aggregation of the {@link sap.ui.mdc.table.Column}.
 	 * @extends sap.ui.core.Element
 	 * @author SAP SE
-	 * @version 1.97.1
+	 * @version 1.100.0
 	 * @constructor
 	 * @experimental
 	 * @private
@@ -44,7 +44,7 @@ sap.ui.define([
 					defaultValue: true
 				},
 				/**
-				 * Determines whether the <code>sap.ui.mdc.table.CreationRow</code> and its inner control are in a busy state
+				 * Determines whether the <code>sap.ui.mdc.table.CreationRow</code> and its inner control are in a busy state.
 				 */
 				busy: {
 					type: "boolean",
@@ -52,7 +52,7 @@ sap.ui.define([
 					defaultValue: false
 				},
 				/**
-				 * Visibility of the <code>CreationRow</code>
+				 * Visibility of the <code>CreationRow</code>.
 				 */
 				visible: {
 					type: "boolean",
@@ -62,7 +62,7 @@ sap.ui.define([
 			},
 			events: {
 				/**
-				 * Fired when the corresponding keyboard shortcut or the apply button of the toolbar are pressed
+				 * The event is fired when the corresponding keyboard shortcut or the apply button of the toolbar are pressed.
 				 */
 				apply: {
 					allowPreventDefault: true
@@ -145,9 +145,9 @@ sap.ui.define([
 	};
 
 	/**
-	 * Updates the row based on the configuration of the table this row is inside of.
+	 * Updates the row based on the configuration of the table.
 	 *
-	 * @returns {Promise} Promise that resolves once the inner <code>CreationRow</code> control is updated
+	 * @returns {Promise} <code>Promise</code> that resolves once the inner <code>CreationRow</code> control is updated
 	 * @private
 	 */
 	CreationRow.prototype.update = function() {
@@ -231,7 +231,7 @@ sap.ui.define([
 	}
 
 	/**
-	 * Gets the table this row is inside of.
+	 * Gets the table in which this row is located.
 	 *
 	 * @return {sap.ui.mdc.Table|null} The instance of the table or <code>null</code>, if this row is not inside a table.
 	 * @private

package/src/sap/ui/mdc/table/GridTableType.js

@@ -11,14 +11,13 @@ sap.ui.define([
 
 	var InnerTable, InnerColumn, InnerRowAction, InnerRowActionItem, InnerMultiSelectionPlugin, InnerFixedRowMode, InnerAutoRowMode, InnerRowSettings;
 	var RowCountMode = library.RowCountMode;
-	var RowAction = library.RowAction;
 
 	/**
 	 * Constructor for a new <code>GridTableType</code>.
 	 *
 	 * @param {string} [sId] Optional ID for the new object; generated automatically if no non-empty ID is given
-	 * @param {object} [mSettings] initial settings for the new object
-	 * @class The table type info base class for the metadata driven table.
+	 * @param {object} [mSettings] Initial settings for the new object
+	 * @class The table type info class for the metadata-driven table.
 	 * @extends sap.ui.mdc.table.TableTypeBase
 	 * @author SAP SE
 	 * @private
@@ -35,8 +34,7 @@ sap.ui.define([
 			library: "sap.ui.mdc",
 			properties: {
 				/**
-				 * See sap.ui.mdc.RowCountMode for the options.<br>
-				 * Defaults to Auto - meaning table adjusts its height based on the parent container
+				 * Defines how the table handles the row count.
 				 */
 				rowCountMode: {
 					type: "sap.ui.mdc.RowCountMode",
@@ -44,8 +42,8 @@ sap.ui.define([
 				},
 				/**
 				 * Row count of the inner table.<br>
-				 * When <code>sap.ui.mdc.RowCountMode.Auto</code> is used - this property specifies the <code>minAutoRowCount</code>.<br>
-				 * When <code>sap.ui.mdc.RowCountMode.Fixed</code> is used - this property specifies the <code>visibleRowCount</code>.
+				 * This property specifies the minimum row count if <code>sap.ui.mdc.RowCountMode.Auto</code> is used.<br>
+				 * This property specifies the row count if <code>sap.ui.mdc.RowCountMode.Fixed</code> is used.
 				 */
 				rowCount: {
 					type: "int",
@@ -169,15 +167,6 @@ sap.ui.define([
 		return oColumn;
 	};
 
-	GridTableType.createNavigationRowAction = function(sIdPrefix, aEventInfo) {
-		return new InnerRowAction(sIdPrefix + "--rowAction", {
-			items: new InnerRowActionItem(sIdPrefix + "--rowActionItem", {
-				type: RowAction.Navigation,
-				press: aEventInfo
-			})
-		});
-	};
-
 	GridTableType.createMultiSelectionPlugin = function(oTable, aEventInfo) {
 		return new InnerMultiSelectionPlugin(oTable.getId() + "--multiSelectPlugin", {
 			selectionMode: TableTypeBase.getSelectionMode(oTable),
@@ -209,14 +198,7 @@ sap.ui.define([
 		oTable._oTable.getPlugins()[0].setSelectionMode(sSelectionMode);
 	};
 
-	GridTableType.updateNavigation = function(oTable, fnRowActionPress) {
-		oTable._oTable.setRowActionTemplate(this.createNavigationRowAction(oTable.getId(), [
-			fnRowActionPress, oTable
-		]));
-		oTable._oTable.setRowActionCount(1);
-	};
-
-	GridTableType.clearNavigation = function(oTable) {
+	GridTableType.removeRowActions = function(oTable) {
 		var oInnerRowAction = oTable._oTable.getRowActionTemplate();
 		if (oInnerRowAction) {
 			oInnerRowAction.destroy();
@@ -225,20 +207,85 @@ sap.ui.define([
 		oTable._oTable.setRowActionCount();
 	};
 
-	GridTableType.updateRowAction = function(oTable, bNavigation, fnRowActionPress) {
-		this.clearNavigation(oTable);
-		if (bNavigation) {
-			this.updateNavigation(oTable, fnRowActionPress);
-		}
-	};
-
-	GridTableType.updateRowSettings = function(oTable, oRowSettings) {
+	GridTableType.updateRowSettings = function(oTable, oRowSettings, fnRowActionPress) {
 		var oInnerRowSettings = new InnerRowSettings(undefined, oRowSettings.getAllSettings());
-
+		this.updateRowActions(oTable.getParent(), oRowSettings, fnRowActionPress);
 		oTable.getRowSettingsTemplate().destroy();
 		oTable.setRowSettingsTemplate(oInnerRowSettings);
 	};
 
+	GridTableType.updateRowActions = function (oTable, oRowSettings) {
+		this.removeRowActions(oTable);
+		if (!oRowSettings) {
+			return;
+		}
+		if (!oRowSettings.isBound("rowActions") && (!oRowSettings.getRowActions() || oRowSettings.getRowActions().length == 0)) {
+			return;
+		}
+
+		var oRowActions = oRowSettings.getAllActions();
+		if ("templateInfo" in oRowActions) {
+			var oTemplateInfo = oRowActions.templateInfo;
+			// Set template for inner row actions using temporary metadata
+			oRowActions.items.template = new InnerRowActionItem({
+				type: oTemplateInfo.type,
+				visible: oTemplateInfo.visible,
+				icon: oTemplateInfo.icon,
+				text: oTemplateInfo.text,
+				press: [this._onRowActionPress, oTable]
+			});
+			// Remove temporary metadata from row actions object
+			delete oRowActions.templateInfo;
+		} else {
+			oRowActions.items = oRowActions.items.map(function (oRowActionItem) {
+				var oInnerRowActionItem = new InnerRowActionItem({
+					type: oRowActionItem.isBound("type") ? oRowActionItem.getBindingInfo("type") : oRowActionItem.getType(),
+					visible: oRowActionItem.isBound("visible") ? oRowActionItem.getBindingInfo("visible") : oRowActionItem.getVisible(),
+					icon: oRowActionItem.isBound("icon") ? oRowActionItem.getBindingInfo("icon") : oRowActionItem._getIcon(),
+					text: oRowActionItem.isBound("text") ? oRowActionItem.getBindingInfo("text") : oRowActionItem._getText(),
+					press: [this._onRowActionPress, oTable]
+				});
+				// Add custom data for MDC row action, so original is retrievable from inner row action item
+				oInnerRowActionItem.data("rowAction", oRowActionItem);
+				return oInnerRowActionItem;
+			}, this);
+		}
+
+		var oInnerRowAction = new InnerRowAction(oTable.getId() + "--rowAction", oRowActions);
+		oTable._oTable.setRowActionTemplate(oInnerRowAction);
+		oTable._oTable.setRowActionCount(oRowSettings.getRowActionCount());
+	};
+
+	GridTableType._onRowActionPress = function (oEvent) {
+		var oInnerRowActionItem = oEvent.getParameter("item");
+		var oRowActionsInfo = this.getRowSettings().getAllActions();
+
+		if (this.getRowSettings().isBound("rowActions")) {
+			var sActionModel = oRowActionsInfo.items.model;
+			var oActionContext = oInnerRowActionItem.getBindingContext(sActionModel);
+
+			// Create a one time clone for the MDC RowAction and 'switch' binding context based on press action
+			if (!this._oRowActionItem) {
+				this._oRowActionItem = oRowActionsInfo.items.template.clone();
+			}
+			this._oRowActionItem.setBindingContext(oActionContext, oRowActionsInfo.items.model);
+
+			// Set model for row settings, as it is not propagated
+			this._oRowActionItem.setModel(this.getModel(sActionModel), sActionModel);
+			this.getRowSettings().addDependent(this._oRowActionItem);
+		} else {
+			this._oRowActionItem = oInnerRowActionItem.data("rowAction");
+		}
+		var oRow = oEvent.getParameter("row");
+		this._oRowActionItem.firePress({
+			bindingContext: oRow.getBindingContext()
+		});
+		if (this._oTableRowAction) {
+			this.fireRowPress({
+				bindingContext: oRow.getBindingContext()
+			});
+		}
+	};
 
 	return GridTableType;
 });

package/src/sap/ui/mdc/table/PropertyHelper.js

@@ -15,14 +15,67 @@ sap.ui.define([
 ) {
 	"use strict";
 
+	/**
+	 * @typedef {object} sap.ui.mdc.table.PropertyInfo
+	 * @extends sap.ui.mdc.util.PropertyInfo
+	 *
+	 * @property {object} [exportSettings]
+	 *   Object that contains information about the export settings, see {@link sap.ui.export.Spreadsheet}.
+	 * @property {int} [maxConditions]
+	 *   Defines the maximum number of filter conditions for the property. Possible values that can be used:
+	 *   <ul>
+	 *       <li>1 is a single-filter expression field</li>
+	 *       <li>-1 is a multi-filter expression field</li>
+	 *   </ul>
+	 *   This information is for example used in the <code>addItem</code> method of the <code>FilterBar</code> control to forward this information to
+	 *   the created <code>FilterField</code> instance.
+	 * @property {boolean} [filterable=true]
+	 *   Defines whether a property is filterable.
+	 * @property {boolean} [sortable=true]
+	 *   Defines whether a property is sortable.
+	 * @property {boolean} [groupable=false]
+	 *   Defines whether a property is groupable.
+	 * @property {boolean} [key=false]
+	 *   Defines whether a property is a key or part of a key in the data.
+	 * @property {string} [unit]
+	 *   Name of the unit property that is related to this property.
+	 * @property {string} [text]
+	 *   Name of the text property that is related to this property in a 1:1 relation.
+	 * @property {boolean} [required]
+	 *   Defines whether a filter condition for this property is required.
+	 * @property {object} [visualSettings]
+	 *   This object contains all relevant properties for visual adjustments.
+	 * @property {object} [visualSettings.widthCalculation]
+	 *   This object contains all properties and their default values for the column width calculation
+	 * @property {integer} [visualSettings.widthCalculation.minWidth]
+	 *   The minimum content width in rem
+	 * @property {integer} [visualSettings.widthCalculation.maxWidth]
+	 *   The maximum content width in rem
+	 * @property {integer} [visualSettings.widthCalculation.defaultWidth]
+	 *   The default column content width when type check fails
+	 * @property {float} [visualSettings.widthCalculation.gap]
+	 *   The additional content width in rem
+	 * @property {boolean} [visualSettings.widthCalculation.includeLabel]
+	 *   Whether the label should be taken into account
+	 * @property {boolean} [visualSettings.widthCalculation.verticalArrangement]
+	 *   Whether the referenced properties are arranged vertically
+	 * @property {sap.ui.mdc.util.PropertyHelper[]} [visualSettings.widthCalculation.excludeProperties]
+	 *   A list of invisible referenced property names
+	 *
+	 * @private
+	 * @experimental
+	 * @ui5-restricted sap.fe
+	 * MDC_PUBLIC_CANDIDATE
+	*/
+
 	/**
 	 * Constructor for a new table property helper.
 	 *
 	 * @param {object[]} aProperties
 	 *     The properties to process in this helper
-	 * @param {object<string, object>} [mExtensions]
+	 * @param {Object<string, object>} [mExtensions]
 	 *     Key-value map, where the key is the name of the property and the value is the extension containing mode-specific information.
-	 *     The extension of a property is stored in a reserved <code>extension</code> attribute and its attributes must be specified with
+	 *     The extension of a property is stored in a reserved <code>extension</code> attribute, and its attributes must be specified with
 	 *     <code>mExtensionAttributeMetadata</code>.
 	 * @param {sap.ui.base.ManagedObject} [oParent]
 	 *     A reference to an instance that will act as the parent of this helper
@@ -30,14 +83,14 @@ sap.ui.define([
 	 *     The attribute metadata for the model-specific property extension
 	 *
 	 * @class
-	 * Table property helpers give tables of this library a consistent and standardized view on properties and their attributes.
+	 * Table property helpers in this SAPUI5 library provide tables with consistent and standardized structure of properties and their attributes.
 	 * Validates the given properties, sets defaults, and provides utilities to work with these properties.
 	 * The utilities can only be used for properties that are known to the helper. Known properties are all those that are passed to the constructor.
 	 *
 	 * @extends sap.ui.mdc.util.PropertyHelper
 	 *
 	 * @author SAP SE
-	 * @version 1.97.1
+	 * @version 1.100.0
 	 *
 	 * @private
 	 * @experimental
@@ -131,7 +184,7 @@ sap.ui.define([
 				}, this);
 			}
 		} else if (!bSplitCells && oExportSettings) {
-			// called for basic propertyInfo having exportSettings
+			// called for basic PropertyInfo having exportSettings
 			oColumnExportSettings = getColumnExportSettingsObject(oColumn, oProperty, oExportSettings, bSplitCells);
 			oColumnExportSettings.property = oProperty.path;
 			aColumnExportSettings.push(oColumnExportSettings);
@@ -213,7 +266,7 @@ sap.ui.define([
 	/**
 	 * Sets the width of the provided column based on the <code>visualSettings</code> of the relevant <code>PropertyInfo</code>.
 	 *
-	 * @param {sap.ui.mdc.table.Column} oMDCColumn The MDCColumn instance for which to set the width
+	 * @param {sap.ui.mdc.table.Column} oMDCColumn The <code>Column</code> instance for which to set the width
 	 * @public
 	 * @since 1.95
 	 */
@@ -234,9 +287,9 @@ sap.ui.define([
 	};
 
 	/**
-	 * Calculates the column width based on the provided <code>PropertyInfo</code>
+	 * Calculates the column width based on the provided <code>PropertyInfo</code>.
 	 *
-	 * @param {object} oProperty The properties of PropertyInfo of MDCColumn instance for which to set the width for
+	 * @param {object} oProperty The properties of <code>PropertyInfo</code> of <code>Column</code> instance for which to set the width
 	 * @param {object} [mWidthCalculation] The configuration object for the width calculation
 	 * @param {int} [mWidthCalculation.minWidth=2] The minimum content width in rem
 	 * @param {int} [mWidthCalculation.maxWidth=19] The maximum content width in rem
@@ -252,17 +305,8 @@ sap.ui.define([
 	PropertyHelper.prototype._calcColumnWidth = function (oProperty, mWidthCalculation) {
 		var fWidth = 0;
 		var fLabelWidth = 0;
-		var mPropertyInfoWidthCalculation = oProperty.visualSettings ? oProperty.visualSettings.widthCalculation : {};
-
-		mWidthCalculation = Object.assign({
-			minWidth: 2,
-			maxWidth: 19,
-			defaultWidth: 8,
-			gap: 0,
-			includeLabel: true,
-			excludeProperties: [],
-			verticalArrangement: false
-		}, mPropertyInfoWidthCalculation, mWidthCalculation || {});
+		var mPropertyInfoWidthCalculation = oProperty.visualSettings.widthCalculation;
+		mWidthCalculation = Object.assign({}, mPropertyInfoWidthCalculation, mWidthCalculation || {});
 
 		var iMinWidth = Math.max(1, mWidthCalculation.minWidth);
 		var iMaxWidth = Math.max(iMinWidth, mWidthCalculation.maxWidth);

package/src/sap/ui/mdc/table/ResponsiveTableType.js

@@ -16,8 +16,8 @@ sap.ui.define([
 	 * Constructor for a new <code>ResponsiveTableType</code>.
 	 *
 	 * @param {string} [sId] Optional ID for the new object; generated automatically if no non-empty ID is given
-	 * @param {object} [mSettings] initial settings for the new object
-	 * @class The table type info base class for the metadata driven table.
+	 * @param {object} [mSettings] Initial settings for the new object
+	 * @class The table type info class for the metadata-driven table.
 	 * @extends sap.ui.mdc.table.TableTypeBase
 	 * @author SAP SE
 	 * @private
@@ -34,8 +34,7 @@ sap.ui.define([
 			library: "sap.ui.mdc",
 			properties: {
 				/**
-				 * See <code>sap.ui.mdc.GrowingMode</code><br>
-				 * Defaults to Basic - meaning only growing is enabled on <code>ResponsiveTable</code>
+				 * Specifies the growing mode.
 				 */
 				growingMode: {
 					type: "sap.ui.mdc.GrowingMode",
@@ -58,13 +57,13 @@ sap.ui.define([
 					defaultValue: false
 				},
 				/**
-				 * Defines which columns should be hidden instead of moved into the pop-in area depending on their importance.
+				 * Defines which columns are hidden instead of moved into the pop-in area depending on their importance.
 				 * See {@link sap.m.Column#getImportance} and {@link sap.m.Table#getHiddenInPopin} for more details.
 				 *
 				 * <b>Note:</b> To hide columns based on their importance, it's mandatory to set <code>showDetailsButton="true"</code>.<br>
 				 * If no priority is given, the default configuration of {@link sap.ui.mdc.table.ResponsiveTableType#getShowDetailsButton} is used.<br>
-				 * If this property is changed after the <code>MDCTable</code> has been initialized, the new changes take effect only when the
-				 * Show / Hide Details button is pressed a second time.
+				 * If this property is changed after the <code>Table</code> has been initialized, the new changes take effect only when the Show /
+				 * Hide Details button is pressed a second time.
 				 *
 				 * @since 1.86
 				 */
@@ -168,25 +167,66 @@ sap.ui.define([
 		oTable._oTable.setMultiSelectMode(oTable.getMultiSelectMode());
 	};
 
-	ResponsiveTableType.updateNavigation = function(oTable) {
-		oTable._oTemplate.setType(RowAction.Navigation);
+	ResponsiveTableType.updateRowSettings = function(oTable, oRowSettings, fnRowActionPress) {
+		// Remove all bindings, as applySettings doesn't do it
+		var oRowTemplate = oTable._oTemplate;
+		oRowTemplate.unbindProperty("navigated");
+		oRowTemplate.unbindProperty("highlight");
+		oRowTemplate.unbindProperty("highlightText");
+
+		this.updateRowActions(oTable, oRowSettings, fnRowActionPress);
+		var oSettings = oRowSettings.getAllSettings();
+		oRowTemplate.applySettings(oSettings);
 	};
 
-	ResponsiveTableType.updateRowAction = function(oTable, bNavigation) {
+	ResponsiveTableType.updateRowActions = function (oTable, oRowSettings) {
+		oTable._oTemplate.unbindProperty("type");
+
 		var sType = oTable.hasListeners("rowPress") ? "Active" : "Inactive";
-		oTable._oTemplate.setType(sType);
-		if (bNavigation) {
-			this.updateNavigation(oTable);
+
+		if (!oRowSettings) {
+			oTable._oTemplate.setType(sType);
+			return;
 		}
-	};
 
-	ResponsiveTableType.updateRowSettings = function(oRowTemplate, oRowSettings) {
-		// Remove all bindings, as applySettings doesn't do it
-		oRowTemplate.unbindProperty("navigated");
-		oRowTemplate.unbindProperty("highlight");
-		oRowTemplate.unbindProperty("highlightText");
+		var oRowActionsInfo = oRowSettings.getAllActions();
+		if ("templateInfo" in oRowActionsInfo) {
+			var oTemplateInfo = oRowActionsInfo.templateInfo;
+
+			if (oTemplateInfo.visible.formatter) {
+				// Wrap the formatter (which should return a boolean) value and determine the type based on the formatted value.
+				var fnFormatter = oTemplateInfo.visible.formatter;
+				oTemplateInfo.visible.formatter = function (sValue) {
+					var bVisible = fnFormatter(sValue);
+					return bVisible ? RowAction.Navigation : sType;
+				};
+			}
+			if (typeof oTemplateInfo.visible === "object") {
+				oTable._oTemplate.bindProperty("type", oTemplateInfo.visible);
+			} else {
+				oTable._oTemplate.setProperty("type", oTemplateInfo.visible);
+			}
+		} else if (oRowActionsInfo && oRowActionsInfo.items){
+			var _oRowActionItem;
+			if (oRowActionsInfo.items.length == 0) {
+				oTable._oTemplate.setType(sType);
+				return;
+			}
+
+			_oRowActionItem = oRowActionsInfo.items.find(function (oRowAction) {
+				return oRowAction.getType() == "Navigation";
+			});
 
-		oRowTemplate.applySettings(oRowSettings.getAllSettings());
+			// ResponsiveTable currently only supports RowActionItem<Navigation>
+			if (!_oRowActionItem && oRowActionsInfo.items.length > 0) {
+				throw new Error("No RowAction of type 'Navigation' found. sap.m.Table only accepts RowAction of type 'Navigation'.");
+			}
+
+			// Associate RowActionItem<Navigation> to template for reference
+			oTable._oTemplate.data("rowAction", _oRowActionItem);
+		}
+
+		oTable._oTemplate.setType(RowAction.Navigation);
 	};
 
 	ResponsiveTableType.disableColumnResizer = function(oTable, oInnerTable) {
@@ -231,14 +271,13 @@ sap.ui.define([
 		var oRb = Core.getLibraryResourceBundle("sap.ui.mdc"), sText;
 
 		sText = this.bHideDetails ? oRb.getText("table.SHOWDETAILS_TEXT") : oRb.getText("table.HIDEDETAILS_TEXT");
-		this._oShowDetailsButton.setTooltip(sText);
 		this._oShowDetailsButton.setText(sText);
 	};
 
 	/**
 	 * Toggles the visibility of the Show Details button.<br>
 	 * If {@param bValue} is set to <code>true</code>, it sets the <code>hiddenInPopin</code> property on the inner <code>ResponsiveTable</code> to
-	 * hide columns based on <code>MDCTable</code> configuration (<code>showDetailsButton</code> and <code>detailsButtonSetting</code> properties).
+	 * hide columns based on the <code>Table</code> configuration (<code>showDetailsButton</code> and <code>detailsButtonSetting</code> properties).
 	 * Otherwise an empty array is set to show all columns.
 	 *
 	 * @param {boolean} bValue - Whether to hide details and display the Show Details button
@@ -274,7 +313,7 @@ sap.ui.define([
 	};
 
 	/**
-	 * Helper function to get the importance of the columns that should be hidden based on <code>MDCTable</code> configuration.
+	 * Helper function to get the importance of the columns to be hidden based on <code>Table</code> configuration.
 	 *
 	 * @returns {array} sap.ui.core.Priority[] Array of column priorities
 	 * @private
@@ -310,5 +349,37 @@ sap.ui.define([
 		}
 	};
 
+	ResponsiveTableType._onRowActionPress = function (oEvent) {
+		var oInnerRow = oEvent.getParameter("listItem");
+		var oContext = oInnerRow.getBindingContext();
+
+		if (oInnerRow.getType() !== "Navigation") {
+			return;
+		}
+
+		var oRowSettings = this.getRowSettings();
+		var oRowActionsInfo = oRowSettings.getAllActions();
+
+		if (this.getRowSettings().isBound("rowActions")) {
+			var sActionModel = oRowActionsInfo.items.model;
+			if (!this._oRowActionItem) {
+				this._oRowActionItem = oRowActionsInfo.items.template.clone();
+			}
+
+			// Set model for row settings, as it is not propagated
+			this._oRowActionItem.setModel(this.getModel(sActionModel), sActionModel);
+			this.getRowSettings().addDependent(this._oRowActionItem);
+		} else {
+			this._oRowActionItem = oInnerRow.data("rowAction");
+		}
+
+		// Binding Context cannot be determined for ResponsiveTable, which is why we always assume to have a RowActionItem<Navigation> no matter what
+		this._oRowActionItem.setType("Navigation");
+
+		this._oRowActionItem.firePress({
+			bindingContext: oContext
+		});
+	};
+
 	return ResponsiveTableType;
 });