Table adding dinamically

by Trifan Alexandru

HTML

<script src="http://cdn.datatables.net/1.10.4/js/jquery.dataTables.min.js"></script>
<table id="dinamicTable" border="1">
    <thead>Something</thead>
    <tbody></tbody>
</table>

JavaScript

var output = [{
    id: 1,
    name: 'Alex',
    phone: '000'
}, {
    id: 2,
    name: 'Paul',
    phone: '010'
}];
var tbody = $('#dinamicTable tbody');
for (var i = 0; i < output.length; i++) {
    var tr = $('<tr></tr>');
    var tds = [];
    for (var key in output[i]) {
        var td = $('<td></td>');
        td.attr('class', key);
        td.text(output[i][key]);
        tds.push(td);
    }
    var position = tds.length / 2; //could be any position even hardcoded
    var editButton = $('<td class="edit"><button>Edit</button></td>');
    tds.splice(position, 0, editButton);
    for (var j = 0; j < tds.length; j++) {
        tr.append(tds[j][0]);
    }
    tbody.append(tr);
}

var myDataTable = $('#dinamicTable').dataTable();
//$('body').append(table);