Search

Hello,

The problem is that first the HTML table needs to be built with the loop you have. Then Datatables processes each row to build its data cache for sorting and searching, etc.

See this FAQ for speed improvement options.

{ var column = this; $('#StatusFilter').on('change', function () { var val = $.fn.dataTable.util.escapeRegex($(this).val()); c

$('#scModal').modal('hide'); dataTable.ajax.reload(); } }); } else { alert("Both Fields ar

In terms of number of rows, see this FAQ.

{ container: '#searchBuilder', columns: [0, 1, 2, 3] } }); // Initialize DataTable buttons and appe

The options docs show how to setup default options for the page.

Now I've tried to use the option ajax, as a function that do the same stuff, but I don't know exactly how to give back the data to the dataTables

stepsEditor = new $.fn.dataTable.Editor({ ajax: '/Admin/ManageSteps', idSrc: 'id', table: "#stepsTable", fields: [{ label: "Step #",

It is possible but your step 5 indicated that you wanted to destroy the Datatable and reload the data via ajax.

To fix, in this case, add overflow: hidden;' to your main#sakura main#main style.

iNo data found in the server'); $("#staff-table_processing").css("display", "none"); }, /**/ type: 'post', }, "columns": columnKeys, &q

Sounds like you want to set default options.

} }); }); var table2 = $('#shows').DataTable({ "order": [[1, 'asc']], // load page with column order "paging": true, // pagination "

table: "#subscriptionlines",

See the column-selector docs for all the options to reference a column. Specifically the string option for class or ID.

$("#SearchResultsTable").DataTable({ "deferRender": true, "ajax": { type: "POST", url: "/Home/MyMethod", contentType:

You can use changed for the submit option to do that - please see the reference page here,

siteInventoryDataTableEditor = new DataTable.Editor({ table: '#SiteInventoryDataTable', idSrc: 'id', ajax: { url: "/SiteInventory/TableUpdate/", data: function (d