Кнопка возврата браузера не сохраняет историю разбивки на страницы в таблице, используемой из таблиц данных

Question

Сценарий: Главная страница имеет ссылку на таблицу, созданную из https://datatables.net/

Путь следовал ->

1. На главной странице нажмите на ссылку таблицы.
2. Таблица открывается.
3. В нижней части таблицы нажимайте несколько страниц.
4. Нажмите кнопку "Назад" в браузере.
5. Перейдите на главную страницу.

Назначение -> Нажатие кнопки «Назад» должно перейти на последнюю просмотренную страницу.

Например -

Пользователь нажимает на странице 4, затем на странице 8, затем на странице7, здесь после нажатия кнопки назад она должна перейти на страницу 8

Answer 1

Если вы используете данные, они предоставляют флаг сохранения состояния, с помощью которого вы можете сохранить свою последнюю посещенную страницу.

Код:

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

Ссылка: https://datatables.net/examples/basic_init/state_save.html

Answer 2

Вы должны переписывать свой URL с параметром GET как http://yoururl.com/?page=3 каждый раз, когда вы меняете страницу таблицы.

Затем, когда вы возвращаетесь из кнопки браузера назад, прочитайте этот параметр по порядкучтобы перейти на нужную страницу.

Изменить 1: установите этот флажок, чтобы узнать, как управлять историей браузера: https://developer.mozilla.org/en-US/docs/Web/API/History_API#Adding_and_modifying_history_entries

Изменить 2: первое, что я написал в начале(Вы должны добавить параметр GET ...) в этом нет необходимости, если вы изменяете записи истории с помощью Javascript.Но я думаю, что было бы интересно скопировать / вставить URL, если вы хотите поделиться с кем-либо содержимым таблицы.