I would like to create one html page, which shows two Tabulator tables. These two tables are connected and show the data from one json file (when the first table is full, the json data continues in the second table).
My current problem is, that my HTML code just shows one table and not two. So far the code looks like this:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="MyCSS.css" >
<script type="text/javascript" src="node_modules/tabulator-tables/dist/js/tabulator.js"></script>
</head>
<body>
<div id="idTable"></div>
<script type="text/javascript" src="saveFile.json"></script>
<script type="text/javascript" src="tableDesign.js"></script>
<div id="idTable"></div>
<script type="text/javascript" src="saveFile.json"></script>
<script type="text/javascript" src="tableDesign.js"></script>
</body>
</html>
I tried different ways like:
<div id="idTable"></div> below the first one<div id="idTable"></div> below the two <script>idTable2 and creating copied files, so that idTable2 is connected to saveFile2.sjon and tableDesign2.jsHow can I solve this?
Thank you :)