Позвольте пользователю решать, сколько элементов на странице

Question

Контекст

У нас есть таблица с 155 элементами,

Я хочу построить это поле на каждой странице,

'Отображение результата [от исходного элемента - до номера элемента X] itemTotal '

StartingItem = 1 -----> на странице 1

ItemNumberX = пользователь может видеть следующие 25 элементов

это фильтр реальных страниц

Это данные, которые я на самом делеесли у

  const minShowData = currentPage === 1 ? 1 : (currentPage - 1) * itemsPerPage;
  const itemsAtCurrentPage = currentPage * itemsPerPage;
  const maxShowData =
    totalCount > itemsAtCurrentPage ? itemsAtCurrentPage : totalCount;
  const showElement = [5, 10, 20, 25, 50]; ----> this is the old pagination 

есть данные itemsPerPage через редуктор, и мы представляем, сколько элементов мы увидим на странице, во втором поле risultati per pagina установлено значение 2.

так выглядит переменная showElement

. С этими данными можно создать фильтр, подобный

Showing results [1-25, 26-50, 51-75 ...] of 155?

Мне не нужен код для сборки компонента, просто поймите, есть ли способ построить вычисления внутри поля

Answer 1

так что у вас есть const itemsPerPage = 25; //this you can set to be user alterable if you want const itemsTotal = 155; //this you'd use a function to go get the number of items.</p> <p>const pageIncrements[];</p> <p>for (let pageNumber = 1; pageNumber <= itemsTotal / itemsPerPage; pageNumber++) { pageIncrements += [((pageNumber - 1) * (itemsPerPage) + 1)) + " - " + (pageNumber * itemsPerPage)] } if (itemsTotal % itemsPerPage > 0) { pageIncrements += [(itemsTotal - (itemsTotal % itemsPerPage)) + " - " + itemsTotal] } Извините, не работал с реагирующим синтаксисом, но логика должна быть правильной.