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,sap.ui.commons,sap.ui.table"
				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 aData = [{ID: "1", lname: "sap",   fname: "community"},  
                       {ID: "2", lname: "scn", fname: "research"}];    
         
		  
         var oTable = new sap.ui.table.Table({    
                title: "Line Items",    
                visibleRowCount: 7,    
              firstVisibleRow: 3,    
             selectionMode: sap.ui.table.SelectionMode.Single,    
             
                         });    
         oTable.addColumn(new sap.ui.table.Column({    
             label: new sap.ui.commons.Label({    
                 text: "ID"    
             }),    
             template: new sap.ui.commons.TextField({    
                 value: '{ID}',    
                
             }),    
               
         }));     
         oTable.addColumn(new sap.ui.table.Column({    
             label: new sap.ui.commons.Label({    
                 text: "Last Name"    
             }),    
             template: new sap.ui.commons.TextField({    
                 value: '{lname}',    
                  
             }),    
              
         }));    
         oTable.addColumn(new sap.ui.table.Column({    
             label: new sap.ui.commons.Label({    
                 text: "First Name"    
             }),    
             template: new sap.ui.commons.TextField({    
                 value: '{fname}',    
                 change:function(){
                	 var modelData = oModel.getData();
                	 console.log(modelData);
                	 
                	  var rowCount   = modelData.modelData.length;    
                      console.log(rowCount);
                      
                      rowCount = rowCount + 1;  
                      aData.push({ID: rowCount, lname: " ",fname:" "}); 
                        oModel.setData({modelData: aData}); 
                 },
             }),    
              
         }));    
         
          var oModel = new sap.ui.model.json.JSONModel(); 
        
         ...