I want to populate data table with dynamic column header and column data, I can populate dynamic column data successfully, but I can't achieve dynamic column...
I am using JSON array.
My html code is:
<body>
<table id="example" class="display" cellspacing="0" width="100%" border="1">
</table>
</body>
My JavaScript code is.
<script>
var JSONResult = '{
"column1":"data1",
"column2":"data2",
"column3":"data3",
"columnN":"dataN"}';
var row_dtable = new Array();
var dtable_api = $('#example').dataTable();
$.each(JSONResult , function(key, value) {
row_dtable.push(value);
});
dtable_api.api().row.add( row_dtable ).draw( false );
</script>
