JSFiddle - React, Tailwind, and code Playground
by Brett Gaynor
HTML
<html>
<head>
<meta charset="utf-8">
<title>pokus</title>
</head>
<body onLoad="fill_table()"><br>
<div id="iak" style="overflow:scroll;overflow-y:hidden; width:60%; height:60%;border:#888888 1px solid; ">
<table id="hot" border="1" cellpadding="0" cellspacing="0" style="table-layout:fixed;border-collapse:collapse;">
<thead>
<tr></tr>
</thead>
</table>
<table id="bot" border="1" cellpadding="5" cellspacing="0" style="border-collapse:collapse; height:200px; white-space: nowrap;">
<tbody style="display:block; width:100%; height:200px; overflow:scroll; overflow-x:hidden;"></tbody>
</table>
</div>
<script>
var tab = [{
"id": "1",
"uuid": "b25202a1-c732-f5e4-c976-f725092a9f02",
"count": "19622",
"hash": "fddf1277943af21b9282bd6a4ff53bc19168854e",
"diff": "151621",
"timestamp": "2017-08-23 14:31:26",
"speed": "29553600"
}, {
"id": "2",
"uuid": "ade0f2a7-6838-d1f3-646c-7c238a9383a9",
"count": "24794",
"hash": "2b52c53b1775c7729d873db22d23adc38d13c99f",
"diff": "151622",
"timestamp": "2017-05-25 14:12:34",
"speed": "29685192"
}, {
"id": "3",
"uuid": "1040a7f3-aee2-69cd-7be8-97683c1dd406",
"count": "64495",
"hash": "585421d85d3bc6f068cb1b0da2a3587f585bdd9e",
"diff": "151623",
"timestamp": "2017-08-23 14:31:24",
"speed": "51766808"
}, {
"id": "4",
"uuid": "f2bc0ef7-bc05-d425-1b73-451ba5b08011",
"count": "71693",
"hash": "150c32da8771141b1d3ed4725389ee3496d6218f",
"diff": "151624",
"timestamp": "2017-08-23 14:31:24",
"speed": "53923592"
}, {
"id": "5",
"uuid": "763153c1-ce21-db34-f98a-703457575ce0",
"count": "92657",
"hash": "db82a3cfc601db58d0a41f9928e371dfe40067fa",
"diff": "151625",
...
CSS
table {
width: 100%;
border-collapse: collapse;
}