JSFiddle - React, Tailwind, and code Playground

HTML

<table border="1">
	<th>Pavadinimas</th>
	<th>Autorius</th>
	<th>ISBN</th>
    <th>Knygu skaicius</th>
	<th>Pasalinti</th>
	<tbody data-bind="foreach: knygos">
		<tr>
			<td><input data-bind="value: knyga().knygosPavadinimas"/></td>
			<td><input data-bind="value: knyga().knygosAutorius"/></td>
			<td><input data-bind="value: knyga().knygosISBN"/></td>
			<td><input data-bind="value: knyga().knygosSkaicius"/></td>
			<td><a href="#" data-bind="click: $root.removeKnyga">Pasalinti</a></td>
		</tr>
	</tbody>
</table>
<button data-bind="click: addKnyga">Prideti knyga</button>
<button data-bind="click: getData">tablica</button>

<div data-bind="text: ko.toJSON($root)"></div>

JavaScript

function knygaReservation(initialKnyga) {
	var self = this;
	self.knyga = ko.observable(initialKnyga);
}
			
function ViewModel() {
    var self = this;
	self.knygos = ko.observableArray();
				
	self.addKnyga = function(){
		self.knygos.push(new knygaReservation([]));
	}
				
    self.removeKnyga = function(knyga){
		self.knygos.remove(knyga);
	}
				
	self.getData = function(){
		alert(JSON.stringify(self.knygos()[0].knyga()));
	}
				
}

ko.applyBindings(new ViewModel());