The state is not saved in my localStorage
The state is not saved in my localStorage
luca.g
Posts: 12Questions: 3Answers: 0
Hello,
I have been searching all over the place for a solution to my issue, to no avail. My table does not want to save its state, even when triggering a state save in my browser's console. I am not able to upoload my debug data because I get a generic 'Sorry, an error occured' error.
This is my table initialisation:
$( document ).ready(function() {
do_search();
});
function do_search()
{
$('#events').DataTable().destroy()
var table = $('#events').DataTable({
saveState: true,
"ajax": {
"url": "get_results.php",
"async": "false",
"type": "get",
"data": function ( d ) {
return $.extend( {}, d, {
"search_location": $("#search_location").val(),
"search_event_type": $("#search_event_type").val(),
"search_orator": $("#search_orator").val(),
"search_f_t": $("#search_f_t").val(),
} );
}
},
columns: [
{ data: 'eventid' },
{ data: 'event_type' },
{ data: 'date_display' },
{ data: 'date_from' },
{ data: 'date_to' },
{ data: 'location' },
{ data: 'done' },
{ data: 'view' },
],
"lengthMenu": [ [-1, 10, 25, 50, 100], ["All", 10, 25, 50, 100] ]
});
$(".view").on("click", async function(e) {
$('#events').DataTable().state.save();
console.log('saved');
await Promise.resolve();
});
return false;
}
As I wrote, even triggering $('#events').DataTable().state.save() in my browser's console, although returning no errors (it returns the object) doesn't save anything in my localStorage, which is empty.
This question has an accepted answers - jump to answer
Answers
You have
saveState: true,but the option isstateSave. Try changing tostateSave: true,.Kevin
This is a CodePen where my code is simplified and there isn't even an
ajaxcall. You can see that the scrolling state is not being saved.For some reason it has now started working on my server (still not in the CodePen though).
The first problem is you have two
tbodytags in the table. Notice the table has bothNo data available in tableandShowing 0 to 0 of 0 entriesmeaning it didn't find the table data. Remove the extratbody.You haven't properly enabled scrolling. Not sure if you are using only
scrollYor if you are using the Scoller extension. See thisscrollYoption only example. I don't believe the scroll position is saved when usingscrollY.The Scroller extension works with
stateSave. See this example.If you still need help please update the test case to properly show the issue you are having.
Kevin
Thank you. I did make a mess of my CodePen example, I apologise. I've fixed the wrong HTML and it's now working properly. Thank you for picking up the stateSave/saveState mix-up too. The scroll position is saved indeed when using the scrollY option.