Чтобы запомнить выбор сортировки или количества записей для таблицы (в данном случае — <select> с количеством записей) с помощью localStorage и повторно применять его при открытии страницы, ты можешь использовать следующий подход на JavaScript:

1. Сохранение выбора в localStorage

Добавь обработчик события change на селект:

html
КопироватьРедактировать
<select id="tableLengthSelect" name="table1_length" aria-controls="table1" class="form-select form-select-sm">
  <option value="10">10</option>
  <option value="25">25</option>
  <option value="50">50</option>
  <option value="100">100</option>
</select>

js
КопироватьРедактировать
document.addEventListener("DOMContentLoaded", function () {
  const select = document.getElementById("tableLengthSelect");

  // Загрузка значения из localStorage
  const savedValue = localStorage.getItem("table1_length");
  if (savedValue) {
    select.value = savedValue;
    select.dispatchEvent(new Event("change")); // запускаем событие вручную, если нужно отразить выбор
  }

  // Сохраняем выбор в localStorage при изменении
  select.addEventListener("change", function () {
    localStorage.setItem("table1_length", select.value);
  });
});

2. Если ты используешь DataTables

Если ты используешь jQuery DataTables, лучше использовать их API:

js
КопироватьРедактировать
$(document).ready(function () {
  const savedLength = localStorage.getItem("table1_length") || 10;

  const table = $('#table1').DataTable({
    pageLength: parseInt(savedLength),
    // другие параметры
  });

  // Сохраняем выбор при изменении количества строк
  table.on('length.dt', function (e, settings, len) {
    localStorage.setItem("table1_length", len);
  });
});

Результат

С помощью localStorage сохраняется выбранное количество записей, и при следующей загрузке страницы оно автоматически применяется. Если ты используешь DataTables, обязательно используй его API для корректной работы.