Questions tagged [angular-pagination]

16 questions
2
votes
1 answer

How to redirect to an Angular custom made Login page if the user is not logged in

In my current case I have an Angular application with Azure AD and MSAL v2 implementation. What I want to achieve is when the user is not logged in redirecting them to the custom made Login page with a simple Login (click)="login()" button. I've…
2
votes
2 answers

How to set angular pageIndex default as 1 in angular material?

My pageIndex in backend (legacy code) started with 1 and angular material paginator.pageIndex started with 0. How to set pageIndex default value as 1 in angular material? If I initialize pageIndex = 1. It's doesn't work actually. If I change backend…
SKL
  • 1,243
  • 4
  • 32
  • 53
1
vote
1 answer

Index Number is Starting From Beginning in Second Page When I Use at Paginator

Index Number is Starting From Beginning in Second Page When I Use Material (Mat) Paginator I am Storing My Data in Local Storage My Invite Page (Table)
1
vote
2 answers

Customizing mat-paginator in angular material

I have implemented pagination on the server side in one of the endpoints and the response is as shown below. I want to implement pagination in Angular material I have the table already and I want to customize the component so that it…
Philip Mutua
  • 6,016
  • 12
  • 41
  • 84
1
vote
0 answers

Pagination is not working properly in Angular material

In side my grid view the pagination is not working properly. I am attaching my view below. I am explaining my code below. componet file:
user_agent
  • 65
  • 9
1
vote
0 answers

Angular material pagination is not working as expected

I have implemented angular pagination in my UI but sometimes it not working as expected. I am explaining my code below.
user_agent
  • 65
  • 9
0
votes
0 answers

How to add pagination using angular material to HTML table

I am trying to paginate my page and show 3 row per page and navigate through pages using angular material pagination. In usersComponent.ts I retrieved Data from an API: import { Component, OnInit, ViewChild } from '@angular/core'; import {…
userfh
  • 57
  • 1
  • 1
  • 9
0
votes
0 answers

How to use ngx-pagination to apply pagination on list of items using angular 13?

I work on a web application with ASP.NET Core 6 and Angular 13. This application displays a list of items successfully without any issue. My issue How to Apply pagination on Angular 13 using ngx-pagination ? What I tried is: (1) Create Web API…
0
votes
1 answer

(ANGULAR-12) Mat-paginator change page after condition

I'm looking for a way to change the page of the mat-paginator inside of my HTML. When I edit a user, I want to stay on the same page as the mat-paginator. So I store this information inside the currentPage variable. But I want to say to angular, if…
0
votes
0 answers

angular material pagination previous and next button on goToPage

demo I want to add custom prev and next button to change the page. similar functionality as material pagination. Creating two buttons on left and right side of the goTo dropdown
user8005221
0
votes
1 answer

JW Angular Pagination Doesn't Work if used in Feature Module

I'm using Angular 10 and the JW Angular Pagination module works fine if I import it into app.module.ts and then use it in a view that uses the app.component.ts component. However, when I try to import it into a custom feature module and use a…
0
votes
1 answer

Angular Material Paginator not allowing back button to be pressed after retrieving data

I'm having an issue when using the material paginator. It retrieves the data correctly and the paginator data is updating correctly specifically the pageIndex is incrementing correctly but the items number does not update as shown below. I believe…
0
votes
0 answers

Angular 8 Pagination with Data from Database --

I am having a little trouble with this one. Using the approach discussed in this -- https://jasonwatmore.com/post/2019/06/18/angular-8-simple-pagination-example Use-case difference is, my data all comes from database. So I have had to use a model…
-1
votes
1 answer

Issue Last Page display on pagination per items is 2 but it display as 3 why?

I work on angular 13 i face issue on apply pagination numbers 1,2,3 etc. my issue is last page Number must be 2 but it display as 3 why ? I test my web api to check issue I found that last page number is 2 so why it display as 3 . data json returned…
-1
votes
1 answer

search filter in angular with paging

Html component
  • user3653474
    • 3,393
    • 6
    • 49
    • 135
  • 1
    2