index.html

<!DOCTYPE html>
<head>
    <title>Table Widget</title>
    <style>
        body {
            padding-top: 50px;
        }
        
        #app {
            display: flex;
            justify-content: space-evenly;
        }

        #even_numbers {
            display: flex;
            flex-direction: column;
    </style>

</head>
<body>
    <div id="app">
        <div id="fruits"></div>
        <div id="persons"></div>
        <div id="prime_squares"></div>
        <div id="even_numbers"></div>
    </div>
</body>
<script src="./data_helpers.js"></script>
<script src="./style_helpers.js"></script>
<script src="./dom_helpers.js"></script>
<script src="./table_helpers.js"></script>
<script src="./integer_table_helper.js"></script>
<script src="./single_column_table_helper.js"></script>
<script src="./table.js"></script>