TestingDataTablesIssue
HTML
<table class="paginated" id="aDataTable">
<thead>
<tr>
<th class="col">Col_1</th><th class="col">Col_2</th><th class="col">Col_3</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
JavaScript
var url = "API-URI-WITH-PARAMETERS";
$.ajax( url, {
dataType:'jsonp',
crossDomain: true,
jsonpCallback:'gatherData'
});
function gatherData( data ) {
for(var key in data.result.records) {
if(data.result.records.hasOwnProperty(key)) {
var e = data.result.records[key];
var $new_row = "<tr><td>"+e.column1+'</td><td><a href="">'+e.column2+"</a></td><td>";
if(e.column3 != "blank") {
$new_row = $new_row + '<a href="tel:'+e.column3+'">'+e.column3+"</a>";
} else {
$new_row = $new_row + e.column3;
}
$new_row = $new_row + "</td></tr>";
$('#aDataTable').append($new_row);
}
}
$('#aDataTable').DataTable({ "lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]] });
}