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:

Now, the only thing we need to add is this:

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?

Liked the article? Maybe you need help with your Laravel project?
Check out my Upwork profile and hire me!

One thought on “Datatables stateSave option: “remember” search and filters

Leave a Reply

Your email address will not be published. Required fields are marked *