How to Add/Remove rows in the table by the button click in SAP Ui5

Hello Pooja D S,

I have this table and I want to add additional delete mode. I want to delete row directly from kyeboard. how I make this?

thank you

////sap.ui.define is a function used for module definition. It allows to define dependencies and 
//specify the callback function that will be executed when all dependencies are loaded.
sap.ui.define([
	"sap/ui/core/mvc/Controller",
	"sap/ui/model/json/JSONModel",
	"sap/m/Label",
	"sap/ui/model/Filter",
	"sap/ui/model/FilterOperator",
	"sap/ui/comp/smartvariants/PersonalizableInfo",
	"sap/m/MessageToast",
	"sap/ui/core/Core",
	"sap/ui/events/KeyCodes"
	////are the arguments of the callback function, representing the loaded modules.
], function(Controller, JSONModel, Label, Filter, FilterOperator, PersonalizableInfo, MessageToast, Core, KeyCodes) {
	"use strict";

	return Controller.extend("com.volkswagen.ifdb.cc.sopraempApplication.controller.Overview", {
		onInit: function() {
			//the controller's onInit method initializes the oRouter property with the router object obtained
			//from the owner component using getOwnerComponent().getRouter()
			this.oRouter = this.getOwnerComponent().getRouter();

			this.oModel = new sap.ui.model.json.JSONModel();
			this.oModel.loadData("model.json");
			this.getView().setModel(this.oModel);

			this.oSmartVariantManagement = this.getView().byId("svm");
			this.oExpandedLabel = this.getView().byId("expandedLabel");
			this.oSnappedLabel = this.getView().byId("snappedLabel");
			this.oFilterBar = this.getView().byId("filterbar");
			this.oTable = this.getView().byId("table");

			var oPersInfo = new PersonalizableInfo({
				type: "filterBar",
				keyName: "persistencyKey",
				dataSource: "",
				control: this.oFilterBar
			});
			this.oSmartVariantManagement.addPersonalizableControl(oPersInfo);
			this.oSmartVariantManagement.initialise(function() {}, this.oFilterBar);

		},
		selectAll: function(oEvent) {
			var otab = this.byId("table"); // Fetch the table

			var bSelected = oEvent.getParameter('selected'); // fetch whether user selected/de-selected all

			otab.getItems().forEach(function(item) { // loop over all the items in the table
				var oCheckBoxCell = item.getCells()[0]; //fetch the cell which holds the checkbox for that row.

				oCheckBoxCell.setSelected(bSelected); // Select/de-select each checkbox
			});
		},
	

		onRemoveRowsUi: function() {
			var oTable = this.getView().byId("table");
			var aSelectedItems = oTable.getSelectedItems();

			if (aSelectedItems.length === 0) {
				sap.m.MessageToast.show("No items selected.");
				return;
			}

			var that = this;

			sap.m.MessageBox.confirm("Are you sure you want to remove the selected items?", {
				title: "Confirmation",
				onClose: function(oAction) {
					if (oAction === sap.m.MessageBox.Action.OK) {
						aSelectedItems.forEach(function(oSelectedItem) {
							oTable.removeItem(oSelectedItem);
						});

						that.getView().getModel().refresh();
						sap.m.MessageToast.show("Selected items removed successfully.");
					}
				}
			});

			console.log("The removed items are still stored in the model");
			console.log(this.getView().getModel().getData());

		},
		

		onPress: function(oEvent) {
			var oItem = oEvent.getParameters("items").listItem.getBindingContextPath().split('/')[2];
			/*var oRouter = this.getOwnerComponent().getRouter();*/
			this.oRouter.navTo("detail", {
				ProductId: oItem
			});
		},

		/*    var sProductId = oItem.getBindingContext().getProperty("ProductId");*/

		/*    var oRouter = sap.ui.core.UIComponent.getRouterFor(this);*/
		/*oRouter.navTo("detail", {
		    ProductId: sProductId
		}*/

		onSelectionChange: function(oEvent) {
			this.oSmartVariantManagement.currentVariantSetModified(true);
			this.oFilterBar.fireFilterChange(oEvent);
		},

		onSearch: function() {
			var aTableFilters = this.oFilterBar.getFilterGroupItems().reduce(function(aResult, oFilterGroupItem) {
				var oControl = oFilterGroupItem.getControl(),
					aSelectedKeys = oControl.getSelectedKeys(),
					aFilters = aSelectedKeys.map(function(sSelectedKey) {
						return new Filter({
							path: oFilterGroupItem.getName(),
							operator: FilterOperator.Contains,
							value1: sSelectedKey
						});
					});

				if (aSelectedKeys.length > 0) {
					aResult.push(new Filter({
						filters: aFilters,
						and: false
					}));
				}

				return aResult;
			}, []);

			this.oTable.getBinding("items").filter(aTableFilters);
			this.oTable.setShowOverlay(false);
		},

		onFilterChange: function() {
			this._updateLabelsAndTable();
		},

		onAfterVariantLoad: function() {
			this._updateLabelsAndTable();
		},

		getFormattedSummaryText: function() {
			var aFiltersWithValues = this.oFilterBar.retrieveFiltersWithValues();

			if (aFiltersWithValues.length === 0) {
				return "No filters active";
			}

			if (aFiltersWithValues.length === 1) {
				return aFiltersWithValues.length + " filter active: " + aFiltersWithValues.join(", ");
			}

			return aFiltersWithValues.length + " filters active: " + aFiltersWithValues.join(", ");
		},

		getFormattedSummaryTextExpanded: function() {
			var aFiltersWithValues = this.oFilterBar.retrieveFiltersWithValues();

			if (aFiltersWithValues.length === 0) {
				return "No filters active";
			}

			var sText = aFiltersWithValues.length + " filters active",
				aNonVisibleFiltersWithValues = this.oFilterBar.retrieveNonVisibleFiltersWithValues();

			if (aFiltersWithValues.length === 1) {
				sText = aFiltersWithValues.length + " filter active";
			}

			if (aNonVisibleFiltersWithValues && aNonVisibleFiltersWithValues.length > 0) {
				sText += " (" + aNonVisibleFiltersWithValues.length + " hidden)";
			}

			return sText;
		},

		_updateLabelsAndTable: function() {
			this.oExpandedLabel.setText(this.getFormattedSummaryTextExpanded());
			this.oSnappedLabel.setText(this.getFormattedSummaryText());
			this.oTable.setShowOverlay(true);
		}
	});
});