Document

Chose option

Week 50

Week 51

Week 52

Week 1

<table class="table table-dark">
    <thead>
        <tr>
            <th scope="col">Time</th>
            <th scope="col">Week 50</th>
            <th scope="col">Week 51</th>
            <th scope="col">Week 52</th>
            <th scope="col">Week 1</th>
        </tr>
    </thead>
    <tbody id="mytable">

    </tbody>
</table>

// hét változásait figyelő function ami fentebb lett definiálva $(".dropdown-menu a").click(function (e) { e.preventDefault(); // a kiválasztott hét var week = $(this).text(); if (week == 'Week 50') { //itt lekezelheted milyen lekérdezést hívsz meg a kiválasztott hét alapján // ez a tömböd amiben vissza kapod az eredményt, nálam dummy data de neked a függvényed adja majd vissza var tomb = [ ['08:00', 'Reserved', 'Reserved', 'Reserved', 'Reserved'], ['09:00', 'Open', 'Open', 'Reserved', 'Open'], ['10:00', 'Open', 'Open', 'Reserved', 'Open'], ['11:00', 'Open', 'Open', 'Open', 'Open'], ['12:00', 'Open', 'Reserved', 'Reserved', 'Reserved'], ['13:00', 'Open', 'Reserved', 'Reserved', 'Reserved'], ['20:00', 'Reserved', 'Reserved', 'Reserved', 'Reserved'], ]; table = ''; for (i = 0; i '; for (j = 0; j ' + tomb[i][j] + ''; } table = table + ''; } console.log(table); // ATTACH HTML TO CONTAINER document.getElementById("mytable").innerHTML = table; } else { document.getElementById("mytable").innerHTML = ''; } });