from JSON to table

by Joe Saad

HTML

<!--
table>thead(>tr>th{Meter Type}+th{ESIID}+th{Street Number}+th{Street Name}+th{City}+th{Zip Code}+th{Start Date})+tbody
-->
<table border="1">
    <thead>
        <tr>
            <th>Meter Type</th>
            <th>ESIID</th>
            <th>Street Number</th>
            <th>Street Name</th>
            <th>City</th>
            <th>Zip Code</th>
            <th>Start Date</th>
        </tr>
    </thead>
    <tbody></tbody>
</table>

JavaScript

var svcAddJson = [
     {
        ESID: "10204012345678901",
        city: "Houston",
        meterType: "Permanent",
        priorityFlag: "No",
        startDate: "05/01/2014",
        state: "TX",
        streetName: "Fanin St",
        streetNum: "1201",
        zip: "77024"
    },
     {
        ESID: "10204012345678902",
        city: "Houston",
        meterType: "Permanent",
        priorityFlag: "No",
        startDate: "05/01/2014",
        state: "TX",
        streetName: "Fanin St",
        streetNum: "1201",
        zip: "77024"
    },
     {
        ESID: "10204012345678903",
        city: "Houston",
        meterType: "Permanent",
        priorityFlag: "No",
        startDate: "05/01/2014",
        state: "TX",
        streetName: "Fanin St",
        streetNum: "1201",
        zip: "77024"
    }
];

console.log(svcAddJson.length);

for (var i=0; i<=svcAddJson.length; i++){
    $('tbody').append('<tr><td>'+svcAddJson[i].meterType+'</td><td>'+svcAddJson[i].ESID+'</td><td>'+svcAddJson[i].streetNum+'</td><td>'+svcAddJson[i].streetName+'</td><td>'+svcAddJson[i].city+'</td><td>'+svcAddJson[i].zip+'</td><td>'+svcAddJson[i].startDate+'</td></tr>');
}