ngx-pagination is a library in AngularJs which provides the property to do pagination. It calculates how many pages to be displayed for user to select from based on current page, page size and total items.
Questions tagged [ngx-pagination]
79 questions
6
votes
6 answers
Change ngx-pagination CSS
How can I change ngx-pagination CSS? I tried with:
:host /deep/ .ngx-pagination {
padding-left: 0px;
}
:host /deep/.ngx-pagination .current,
.btn-info {
background: #17a2b8 !important;
border: transparent;
border-radius: 20px;
}
:host…

Tenzolinho
- 922
- 2
- 15
- 35
5
votes
1 answer
Filtering and pagination is not working with ngxpagination template
I have a custom pagination template implementation of ngx-pagination which works normally. However when I try to use a filter pipe with the pagination, the pagination breaks: the pagination controls remain the same as before the filter was applied,…

red_dorian
- 327
- 1
- 6
- 18
5
votes
1 answer
ngx-pagination - Reset pagination to first page
I am using ngx-pagination with server side paging. So, user enters some search criteria and hits the search button. This results in a call to the server for the first page of the results. On the client side, I have this code to show the pagination…

kayasa
- 2,055
- 8
- 37
- 63
3
votes
4 answers
Error: The pipe 'paginate' could not be found! with Ngx-pagination in Angular 11
I am using angular 11 and trying to implement pagination
HTML
{{…

TropicalViking
- 407
- 2
- 9
- 25
3
votes
1 answer
Pagination and filter by column at the same time Angular 6
How can I modify this code in order to obtain pagination and filter at the same time? The problem is that if I have 1000 rows in my table and I display them 50 per page, the filter by name will be applied only on 50 entries that are displayed.

Tenzolinho
- 922
- 2
- 15
- 35
3
votes
2 answers
Implementing ngx-pagination as a custom component
I have two components:
list.component and pagination component, within list component I want to write logic of listing records, and I want to use ngx-pagination npm package to control pagination of given listing:
list.component.html:
REFERENCE ID | …
---|