Finishing table

index.php

@@ -46,12 +46,18 @@
     $.getJSON('payload.json', (data) => {
         console.log(data);
         let items = [];
-        let i = 0;
         $.each(data, (key, val) => {
             console.log('key:', key, ' val:', val);
             items.push( "<tr>" );
-            items.push( "<td scope=\"row\">" + i + "</td>" );
+            items.push( "<td scope=\"row\">" + key+1 + "</td>" );
+            items.push( "<td class=\""+key+"\">" + val["Datum"] + "</td>" );
             items.push( "<td class=\""+key+"\">" + val["Lijn"] + "</td>" );
+            items.push( "<td class=\""+key+"\">" + val["Naam"] + "</td>" );
+            items.push( "<td class=\""+key+"\">" + val["Afmelding/aanmelding"] + "</td>" );
+            items.push( "<td class=\""+key+"\">" + val["Naam partner"] + "</td>" );
+            items.push( "<td class=\""+key+"\">" + val["Naam invaller"] + "</td>" );
+            items.push( "<td class=\""+key+"\">" + val["Email"] + "</td>" );
+            items.push( "<td class=\""+key+"\">" + val["Toevoeging"] + "</td>" );
             items.push( "</tr>" );
         });
         $( "<tbody/>", {class: "mydata", html: items.join("")} ).appendTo( "table" );