JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>
<script src="https://unpkg.com/ractive@1.0.0-build-150/ractive.min.js"></script>
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css">
<div id="app"></div>

<script id="template" type="text/ractive">
	<table class="display compact" width="100%" as-datatable="addresses, {scrollY: '185px', scrollCollapse: true}">
		<thead>
			<tr>
				<th>Country</th>
				<th>Region</th>
				<th>Town</th>
				<th>Street</th>
				<th>House</th>
				<th>Door</th>
				<th>P. Code</th>
				<th></th>
			</tr>
		</thead>
		<tbody>
			{{#addresses}}
			<tr>
				<td>{{LAND1}}</td>
				<td>{{ZZREGION}}</td>
				<td>{{ORTNAME}}</td>
				<td>{{STRASN1}}</td>
				<td>{{HAUSNR}}</td>
				<td>{{TUER}}</td>
				<td>{{POSTLEI}}</td>
				<td>
        	<button on-click="splice('addresses', @index, 1)">
          	Delete
          </button>
        </td>
			</tr>
			{{/addresses}}
		</tbody>
	</table>
  <hr>
	<div>
		<button on-click="set('addresses', addresses2.slice())">
    	Replace all data
    </button>
		<button on-click="unshift('addresses', toshift)">
    	Add one row
    </button>
	</div>
</script>

JavaScript

const addresses = [{"ADRESSN":89551,"LAND1":"EE","POSTLEI":"10123","STRASN1":"Vene","HAUSNR":"1-8","ORTNAME":"Tallinn","TUER":"","ZZREGION":"Harjumaa"},{"ADRESSN":104923,"LAND1":"EE","POSTLEI":"71014","STRASN1":"VENE","HAUSNR":"25-18","ORTNAME":"VILJANDI","TUER":"1","ZZREGION":""}];

const addresses2 = [{"ADRESSN":7005,"LAND1":"EE","POSTLEI":"44313","STRASN1":"VENE","HAUSNR":"12-3","ORTNAME":"RAKVERE","TUER":"","ZZREGION":""},{"ADRESSN":11585,"LAND1":"EE","POSTLEI":"71012","STRASN1":"VENE","HAUSNR":"23-3","ORTNAME":"VILJANDI","TUER":"","ZZREGION":""},{"ADRESSN":13522,"LAND1":"EE","POSTLEI":"10123","STRASN1":"Vene","HAUSNR":"27-1","ORTNAME":"Tallinn","TUER":"","ZZREGION":"Harjumaa"},{"ADRESSN":14183,"LAND1":"EE","POSTLEI":"10123","STRASN1":"Vene","HAUSNR":"23/25-9","ORTNAME":"Tallinn","TUER":"","ZZREGION":"Harjumaa"},{"ADRESSN":14661,"LAND1":"EE","POSTLEI":"10123","STRASN1":"Vene","HAUSNR":"25-16","ORTNAME":"Tallinn","TUER":"","ZZREGION":"Harjumaa"},{"ADRESSN":15183,"LAND1":"EE","POSTLEI":"10123","STRASN1":"Vene","HAUSNR":"1- 16","ORTNAME":"Tallinn","TUER":"","ZZREGION":"Harjumaa"},{"ADRESSN":15865,"LAND1":"EE","POSTLEI":"71012","STRASN1":"VENE","HAUSNR":"5","ORTNAME":"VILJANDI","TUER":"","ZZREGION":""},{"ADRESSN":18330,"LAND1":"EE","POSTLEI":"10123","STRASN1":"VENE","HAUSNR":"1-15","ORTNAME":"TALLINN","TUER":"","ZZREGION":""},{"ADRESSN":21451,"LAND1":"EE","POSTLEI":"10123","STRASN1":"Vene","HAUSNR":"1-18a","ORTNAME":"Tallinn","TUER":"","ZZREGION":"Harjumaa"},{"ADRESSN":26325,"LAND1":"EE","POSTLEI":"44313","STRASN1":"Vene","HAUSNR":"2a","ORTNAME":"Rakvere","TUER":"","ZZREGION":"Lääne-Virumaa"},{"ADRESSN":30351,"LAND1":"EE","POSTLEI":"10123","STRASN1":"Vene","HAUSNR":"25-...