Search

serverSide : true, stateSave : true, ajax : { url: dataUrl, type: 'POST'

so var oTable = $("#ProjectTable").dataTable({ "ajax": function (d, c, s)

I would suggest using ajax.data as a function rather

when you make an Ajax query to get more

I figured it out. Modifying the success function of the ajax calls as follows worked: success: function(response) { $('#results').html('<table id="table-output" class="display" cellspacing="0" width="100%"></table>'); table_config.columns = response.columns; var table = $('#table-output').DataTable(table_config); table.clear(); table.rows.add(response.data); table.draw(); }

lot easier to use Ajax sourced data since then

processing": true, "serverSide": false, "ajax": { "url":"some-site-with-data", "type":"GET" }, "columns": [... ], "order":

I had the same problem and just resolve it using the following code: $('#table').dataTable({ "ajax": test.php' }); $("button").click(function(event) { event.preventDefault(); $.post( "test.php", {name: "John", time: "2pm"}) .done(function(data) { $('#table').DataTable().ajax.reload(); }); });

way using datatables inbuilt ajax function to do the

1.10 so that on ajax error Use ajax as