Search

If you prefer writing Javascript without using the abstractions jQuery provides, you can initialise DataTables (as of v1.11) using: let table = new DataTable('#myTable', { // options }); Where the parameters for new DataTable() are: A DOMString selector or HTML elements to pick the table(s) from the DOM. An object of DataTables options. And the constructor will return a DataTables API instance allowing manipulation of the table.

be defined in the initialisation of the table or

manipulate the table after initialisation has completed. The DataTables

an array. The corresponding initialisation of DataTables for the

This example shows how the StateRestore extension behaves alongside the initialisation option">scroller extension. The scroll position of Scroller is able to be stored and restored when using StateRestore.

a href="//datatables.net/reference/option/searchPanes">initialisation option">searchPanes extension. The selections

a href="//datatables.net/reference/option/language.buttons.savedStates">initialisation option">language.buttons.savedStates language option has

a href="//datatables.net/reference/option/select">initialisation option">select search criteria by

a href="//datatables.net/reference/option/searchPanes">initialisation option">searchPanes search criteria by

a href="//datatables.net/reference/option/searchBuilder">initialisation option">searchBuilder search queries by

post your full Datatables init code. Better is a

you can use the initComplete callback or the init event - both are essentially

Me again :smile:, The DataTables Init in my first post was not complete, sorry. See the example in Codepen: https://codepen.io/bananablues/pen/eb0b28295f73557ebaf737bdc2f0819e Thanks Sascha

At the moment I'm using this procedure and it seems to work well: $("body").addClass("loading"); $(document).ready(function() { var table = $('#usersTab').DataTable({ dom: 'Blfrtip', .... initComplete: function () { console.log('@@@ init complete @@@'); $("body").removeClass("loading"); } }); }

the headerCallback code into initComplete and move the order.listener()

your customisations in the init object will be ignored.

Take a look at the nested objects example. If this doesn't help please post your Datatables init code so we can see what you are trying. Kevin

this: https://jsfiddle.net/ujox8hg4/ You can init Datatables initially then just use ajax.reload(),

only called at table init and do not react

before I used the init() function - as someone helped