Table Navigation to work with Browser Back/Forward Button
Table Navigation to work with Browser Back/Forward Button
I have been using Tablepress to display hundreds of documents on my website. One User experience issue I come up with is with the Table's Next/Previous button and Browser's Back/Forward buttons.
If I navigate through the document's table using Next button, navigate to page 5, and then hit BACK button of the browser it would take me to the browser's previous page and not page 4 of the table.
I did some investigation and found that it could be accomplished if we append hash sign '#' in the url and update it accordinly on each click of Next/Previous button we will be able to use Browser's back/forward buttons then with tablepress navigation.
http://www.example.com/documents#page1 (Next)
,
http://www.example.com/documents#page2 (Next)
,
http://www.example.com/documents#page3 (Previous)
,
http://www.example.com/documents#page2
My question is how easy it is to implement '#' in the url when Next/Previous is clicked, just to be able to use Back/Forward buttons of the browsers.