Как решить проблему с показом всех Данных на таблице?

Question

[Demigodd]

В тегах отметил Angular но это проблема скорее всего зависит от имплементаций функциональности и логики.

И так попробую скорректировать вопорс коротко и понятно.
В проекте есть таблицы, в которых показывает Некие данные (Rows).
Для этой таблицы есть обычные Search Input, Pagination List and PerPageSize List
PerPageSize List состоит из 10, 50, 100 , и он показывает сколько данных можно показать в таблице.

Вот и настал час Проблемы.
Решили мы добавить опцию Show ALL, если выбрать эту опцию то на Backend отправиться ShowAll опция как Null и будет возвращать все данные без Фильтраций.

Проблема началось тогда, когда при тестах определилось что некоторые места на сайте начинают лагать при показе 500+ данных.

И мы решили показать Эту опцию только тогда, когда количество данных которые приходят из Backend меньше 500.

Но если использоват Поиск и сделать так что бы в таблице было только одна дата, то ShowAll опция появиться(так как логично же, дат в таблице меньше 500),
и если его выбрать и очистить поисковую фразу, будут возврашены все данные(так как опция ShowAll была выбрана) даже если их количество к примеру 800.

Какие есть идеи, насчет функциональности отключения опций ShowAll, если данные больше 500.
Как можно правильно его реализовать ?
И вообще насчет ошибки я думаю решить его так, при каждом изменений Search Input изменить и запрос что бы отправить Default Page options.
Но так не гарантированно что в будушем может появиться функционал фильтраций и нужно будет и для него тоже, при изменеий фильтровать по дефольтным значениям.

Comments

[Сергей Соколов]

не вполне понятно: кто источник правды, кто самым первым «знает», сколько строк данных: больше или меньше 500?

Если backend, то на BE можно делать дополнительно count(*) < 500 AS isShowAllVisible для понимания, показывать или нет кнопку ShowAll для этой таблицы.

Если все строки сначала приходят на FE, тут очевидно.

[Demigodd]

Сергей Соколов,
Механизм работает так

Сначало во фронте я выбираю опцию из списка, к примеру
PerPage = 50

Отправляеться запрос фильтруються данные и возврашаеться { data: [...], totalRecordCount: 50 }

И во FE в самом Pagination компоненте решаю показать опцию ShowALL ил инет:

// По дефолту ALL опция всегда отключена
if (totalRecordCount < 500) {
  showAllOption = true;
}

Так и работает, и если один раз изментиь PerPeage он никогда не сбрасываеться и не изменяеться кроме самого выбора из Select и смены страницы.

И если сбросить посиковый запрос, так как он был уже выбрать ShowALL так и отправиться запрос.

Answer 1

[Артур]

Почему бы вместо show all не сделать 500 и показывать всегда? Весь описанный функционал будет работать и проблемы описанной не будет

Answer 2

[Егор Живагин]

Так если вы видите, что все данные по заданному поиску пришли, зачем вообще показывать Show All ?