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>
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css">
<script src="https://akilijs.com/js/libs/akili.min.js"></script>
<app>
  <table 
    component="data-table" 
    class="display compact" 
    width="100%"
    pre-data="${ this.addresses }"
    post-data="${ this.renderedAddresses }"
    options="${ { 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 in="${ this.addresses }" on-out="${ this.__parent.renderedAddresses = event.detail }">
			<tr>
				<td>${ this.loopValue.LAND1 }</td>
				<td>${ this.loopValue.ZZREGION }</td>
				<td>${ this.loopValue.ORTNAME }</td>
				<td>${ this.loopValue.STRASN1 }</td>
				<td>${ this.loopValue.HAUSNR }</td>
				<td>${ this.loopValue.TUER }</td>
				<td>${ this.loopValue.POSTLEI }</td>
				<td>
        	<button on-click="${ this.addresses.splice(this.loopIndex, 1) }">
          	Delete
          </button>
        </td>
			</tr>
		</tbody>
	</table>
  <hr>
	<div>
		<button on-click="${ this.addresses = this.addresses2 }">
    	Replace all data
    </button>
		<button on-click="${ this.addresses.unshift(this.toshift) }">
    	Add one row
    </button>
	</div>
</app>

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-...