title: How to display a json response in a html table
body: <p>I know the problem is the <code>data.map</code>.
  Maybe its because map is made for arrays and i have an array of objects and not a array?</p>
  
  <p>API-Response:</p>
  
  <pre><code>[
    {
      "id": 16,
      "nachname": "Köpper",
      "vorname": "Chris",
      "projectList": []
    },
    {
      "id": 13,
      "nachname": "Kämpfer",
      "vorname": "Gerrit",
      "projectList": [
        {
          "id": 9,
          "name": "FB.de"
        },
        {
          "id": 7,
          "name": "DFBnet"
        }
      ]
    },
    {
      "id": 12,
      "nachname": "Voges",
      "vorname": "Arved",
      "projectList": [
        {
          "id": 9,
          "name": "FB.de"
        },
        {
          "id": 7,
          "name": "DFBnet"
        }
      ]
    }
  ]
  </code></pre>
  
  <p>HTML-Table:</p>
  
  <pre><code>&lt;table class="table" id="output1"&gt;
          &lt;thead&gt;
              &lt;tr&gt;
                  &lt;th scope="col"&gt;ID&lt;/th&gt;
                  &lt;th scope="col"&gt;Vorname&lt;/th&gt;
                  &lt;th scope="col"&gt;Nachname&lt;/th&gt;
              &lt;/tr&gt;
          &lt;/thead&gt;
          &lt;tbody&gt;
  
          &lt;/tbody&gt;
  
      &lt;/table&gt;
  </code></pre>
  
  <p>js:</p>
  
  <pre><code>function getPerson(){
  fetch(url)
      .then(res =&gt; res.json())
      .then(data =&gt; {
          var tableContent = document.querySelector('#output1 &gt; tbody');
          data.map(function(instance) {
              const row = document.createElement('tr');
              tableContent.appendChild(row);
              instance.map(function(info) {
                  const cell = document.createElement('td');
                  cell.innerText = info;
                  row.appendChild(cell);
              });
          });
      })
  }
  </code></pre>