JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE HTML>
<script src="https://sapui5.netweaver.ondemand.com/resources/sap-ui-core.js"
				id="sap-ui-bootstrap"
				data-sap-ui-libs="sap.m"
				data-sap-ui-theme="sap_bluecrystal">
		</script>

		<!-- add sap.ui.table,sap.ui.ux3 and/or other libraries to 'data-sap-ui-libs' if required -->

		<script>
				sap.ui.localResources("learning");
				var view = sap.ui.view({id:"idfirst1", viewName:"learning.first", type:sap.ui.core.mvc.ViewType.JS});
				view.placeAt("content");
		</script>

	</head>
	<body class="sapUiBody" role="application">
		<div id="content"></div>
	</body>
</html>

JavaScript

var data = [
{ReleaseDate : "SCN1", Description : "SAP1"},
{ReleaseDate : "SCN2", Description : "SAP2"},
{ReleaseDate : "SCN3", Description : "SAP3"}
		            
		            
		            ];
		var oModel = new sap.ui.model.json.JSONModel();
		oModel.setData(data);
		sap.ui.getCore().setModel(oModel);
		
		var otable = new sap.m.Table({
			mode: sap.m.ListMode.MultiSelect,
			columns:[
			         new sap.m.Column({header:new sap.m.Label({text:"ReleaseDate"})}),
			         new sap.m.Column({header:new sap.m.Label({text:"Description"})}),
			         ],
			  items:{
				  path:"/",
				  template:new sap.m.ColumnListItem({
					 cells:[
					        new sap.m.Text({text:"{ReleaseDate}"}),
					        new sap.m.Text({text:"{Description}"}),
					        ],
					       
					      
				  }),
			  },
		});
		
		otable.attachSelectionChange(function(oevent){
		var oselect = oevent.getParameter("listItem");
		var id = oselect.sId;
		alert("table row is   "+id);
		var oBindingContext = oselect.getBindingContext();
		alert("Its binding index is   "+oBindingContext);
		var oName1 = oBindingContext.getProperty("ReleaseDate");
		alert("1st value in the row   "+oName1);
		var oName2 = oBindingContext.getProperty("Description");
		alert("2nd value in the row   "+oName2);
		});
		
		otable.placeAt("content");