Datatables stateSave option: "remember" search and filters

Not Laravel related, but today encountered the situation, so sharing with you. You probably know Datatables, right? It allows to quickly search and filter the table of data. But what if user then navigates away (for Edit, for example) and then wants to go back and have the same search parameters he had before? Easy. This is not a default behavior, so, for example, if you go on Page 5, then click Edit and then hit "Back" in the browser, you will get returned to Page 1. Really inconvenient. The cure is another parameter in Datatables called stateSave. My simple implementation of Datatables:
    $('#datatable').dataTable({
        "iDisplayLength": 100
    });
Now, the only thing we need to add is this:
    $('#datatable').dataTable({
        "iDisplayLength": 100,
        stateSave: true
    });
And as soon as you navigate back to the page (with "Back" button or even reload the page), your search filters, page and sorting will stay active. Simple, isn't it?

No comments or questions yet...

Like our articles?

Become a Premium Member for $129/year or $29/month
What else you will get:
  • 58 courses (1054 lessons, total 46 h 42 min)
  • 78 long-form tutorials (one new every week)
  • access to project repositories
  • access to private Discord

Recent Premium Tutorials