Statesas does not work with datatables when rows are added dynamically

Question

I am using DataTables and I am initializing the table with

$(document).ready(function() {
    $('#example').dataTable( {
        stateSave: true
    } );
} );

I am dynamically populating a table using $ ('# example'). row.add (...)

When I reload or revise my page, the table is empty again. Should StateSave work with dynamically inserted row?

+3

jquery jquery-datatables datatables datatables-1.10 yui-datatable

user3871397 15 oct. 14 at 2:46

source to share

3 answers

Webezine · Answer 1 · 2014-11-07T14:53:33+0000

State persistence is not used to persist data - only pagination, etc.

MrMadsen · Answer 2 · 2015-01-06T22:50:44+0000

Try changing stateSave to bStateSave. Worked for me when my code had this same problem.
Thus, the code will look something like this:

$(document).ready(function() {
    $('#example').dataTable( {
        bStateSave: true
    } );
} );

user7219680 · Answer 3 · 2017-03-06T16:14:48+0000

Make sure you have local storage enabled! Found this myself and it was not enabled which caused the problem.