Как добавить настраиваемую пагинацию в ng2-smart-table в angular?

Как вы обрабатываете разбиение на страницы в ng2-smart-table в angular 7? У меня слишком много записей, и загрузка всех займет слишком много времени. Как настроить таблицу на одновременный запрос 10 записей? Например: когда таблица загружается впервые, она запрашивает первые 10 записей. Когда я нажимаю одну из кнопок нумерации страниц, запрашивается n-я запись? Я читал предыдущие статьи, но до сих пор не понимаю, как решить эту проблему.


person Shradha Hirve    schedule 01.02.2021    source источник


Ответы (1)


Надеемся, что запрос передается на сервер для получения данных. Если это так, добавьте два параметра: индекс страницы (относится к номеру страницы) и размер страницы (относится к количеству строк на странице) при обработке с помощью enitity framework или sql, мы можем использовать логику пропуска и приема для обработки разбивки на страницы. пример: если в моем запросе есть page_index = 1 и page_size = 20, то мне нужно вернуть первые 20 записей, поэтому код будет basequery.skip (page_size * (page_index-1)). take (page_size); аналогично, если page_index = 2, то он пропустит первые 20, а затем возьмет следующие 20 записей.

Для обработки в пользовательском интерфейсе мы можем добавить объект pagersettings из ng2-smart-table, ссылаясь на doc https://akveo.github.io/ng2-smart-table/#/documentation или, если нам нужно настроить разбиение на страницы, мы можем использовать метод source.setPaging (), который принимает 3 параметра номер страницы для каждой страницы. количество строк и логическое значение для перезагрузки таблицы или нет

person user13845358    schedule 02.02.2021