Load DataTable data through button Click
Solved !!!
My table looks like this :
Table = $("#customerTable").DataTable({ data:[], columns: [ { "data": "CompanyId" }, { "data": "CompanyName" }, { "data": "City" }, { "data": "Country" } ], rowCallback: function (row, data) {}, filter: false, info: false, ordering: false, processing: true, retrieve: true });
Button Click handler:
$("#customerSearchButton").on("click", function (event) { $.ajax({ url: "", type: "post", data: { searchText: searchText } }).done(function (result) { Table.clear().draw(); Table.rows.add(result).draw(); }).fail(function (jqXHR, textStatus, errorThrown) { // needs to implement if it fails });}