Questions tagged [ngx-pagination]

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.

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 {{ i + 1 }} {{…
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:
Always_a_learner
  • 4,585
  • 13
  • 63
  • 112
3
votes
1 answer

How to add filter to ngx- bootstrap pagination?

This code is regarding ngx-bootstrap pagination. I want search items in this. …
vijay
  • 31
  • 4
2
votes
1 answer

Adding first page and last page on ngx-pagination - angular 9

I am using the ngx-pagination library for my angular app. Besides the previous and next button I want to add 2 more buttons to go directly on the last page or on the first page. How can I achieve this ? Template logic import { Component, OnInit }…
2
votes
1 answer

How to use Ngx-pagination on table in angular 7

Hi I have a list like, [{…}, {…}, {…}] 0: {name: "Manu", age: "21", hobbies: Array(4)} 1: {name: "Anu", age: "20", hobbies: Array(3)} 2: {name: "nandu", age: "22", hobbies: Array(5)} I need to show this on a table.So i am doing the code…
ADARSH K
  • 606
  • 1
  • 8
  • 21
2
votes
1 answer

Angular 7 : Pagination not working properly

I've problem with pagination. Sorry, I not so understand it how to make it working as expected by passing this.total = res.totalPage;from Component to Service to make it count page.Because it now just display 1 page only "image reference". Bellow I…
swapy
  • 126
  • 4
  • 11
2
votes
0 answers

Pagination not working properly- Ngx-pagination

I'm new to angualr, and developing some application on angular. I have a table where the rows will be added dynamically, and pagination is used to traverse through the table. I have used 5 rows per page and selection of these rows per page can be…
Manjunath H M
  • 818
  • 1
  • 10
  • 25
2
votes
3 answers

Angular 6: Use ngx-pagination on formArray in *ngFor does not change controls in view

I create a angular 6 project where I fetch a nested company object that holds multiple addresses to display in a view. I want to display only two of them per child view and use a pagination to display the rest. I use ngx-pagination and reactive…
2
votes
2 answers

how to display records per page in angular 4 ngx pagination

I have installed ngx pagination in angular 4. Everything works fine. I want to display records per page. ie. (Showing: 1 - 10 / 25 ). I have tried but i did not get any solution. Could you please help me on this. Thanks in advance.
1
vote
0 answers

How can I give custom pagination for specific page?

The code below is working. The requirement is to set custom number of records for 1st page based on currntWeekAb where all other pages should have fixed 50 records each. For example, if the total number of employees is 210 and currntWeekAb equals…
nyla L
  • 57
  • 6
1
vote
1 answer

Search or filter paginated data using StartData and EndDate in Angular

In my Angular-14 project, I am consuming an end-point from ASP.Net Core-6 Web API using JSON response. Without Parameter, my endpoint URL from is like this: https://localhost/MyApp/api/v1/all-merchants While with Parameter it…
Ayobamilaye
  • 1,099
  • 1
  • 17
  • 46
1
2 3 4 5 6
REFERENCE ID