$.getJSON('/api/spots', function(jsonData) {
    let headers = Object.keys(jsonData[0]);
    let table = $('<table>').append('<thead><tr></tr></thead><tbody></tbody>');
    headers.forEach(header => table.find('thead tr').append(`<th>${header}</th>`));

    jsonData.forEach(row => {
      let $tr = $('<tr>');
      headers.forEach(header => $tr.append(`<td>${row[header]}</td>`));
      table.find('tbody').append($tr);
    });

    $('#table-container').html(table);
});