Questions tagged [mat-pagination]

41 questions
9
votes
6 answers

How to change the text in the label in pagination with MatPaginator?

I'm using Angular Material. How can I change the text in the label in the pagination display? In particular, I want to customize the label for the page size selector. I tried to do this, but it did not seem to work:
user10720571
  • 353
  • 1
  • 4
  • 15
4
votes
2 answers

mat-paginator length is not working.Not able to set it

I am trying to call API on the click of pagination. Initially, I had set the length statically and it was working fine. I was able to do a pagination API call.And then I had tried to set the length dynamically as well and it worked too, but later…
3
votes
2 answers

How to access child component from parent component in Angular?

I have mat-paginator in a child component a shown below: child.component.html I want to get this paginator from parent component using @ViewChild() as shown below: parent.component.html
Jack
  • 1
  • 21
  • 118
  • 236
3
votes
1 answer

Mat Paginator not working with FormArray on Material Table

I am using mat-table with formArray in it, also I need to Mat-paginator. But unfortunately pagination not working. Stackbltiz Demo Sample Source, .html
Aniket Avhad
  • 4,025
  • 2
  • 23
  • 29
2
votes
2 answers

Angular MatPaginator and Azure Table Storage

I'm trying to implement an Angular material table with pagination, that is connected to the backend, that retrieves data from Azure Table Storage. I know, that Table Storage supports ExecuteQuerySegmentedAsync, which returns TableContinuationToken.…
1
vote
2 answers

Angular server side pagination , ngrx and nodejs with express, I get discrepancy indexes between stacks

I implemented the server side pagination in angular and it is working fine, the problem is the page I set initially on 1 , but the mat-paginator starts at index 2. When I change pages it works fine, I`d like to know how to solve this bug. This is…
Dan85
  • 23
  • 3
1
vote
1 answer

ERROR TypeError: this.paginator is undefined

I am using custom pagination in a custom component, which is then being called in a component to display pagination. However I am running into this error. Custom pagination is working correctly because its usued in another project as well. Here is…
test
  • 25
  • 4
1
vote
0 answers

CSS leaked in angular project - mat-paginator drop-down is overflowing bellow page

I am using Angular-13 application with material UI components. We have recently migrated from angular-8 application to Angular-13, while doing so & with recent changes, my mat paginator is not working as expected. Now the drop-down is overflowing…
1
vote
0 answers

Is it possible to style mat-paginator tooltip like a standard title attribute?

I know how to change the styling of the mat tooltip in mat-paginator (but in this case it won't be handled by browser). But i would like to have them handled by browser like the title attribute. Is it possible?
Juri
  • 1,531
  • 2
  • 20
  • 43
1
vote
1 answer

Angular how to sort table data based on page using paginator and matsort

So I have been working on this project where I had to sort the table data per pagination. For example I have 200 data on my table, and per page it is showing 20 data 1-20. If I click the sort icon, it should sort 1-20 to 20-1, but the code that I…
1
vote
1 answer

Set MatPaginator's height

I would like to set the height of the MatPaginator, because it takes up too much space in my current application. Currently I could reduce the height like this: .mat-paginator-container { min-height: 20px !important; .mat-form-field-wrapper { …
eogabor
  • 242
  • 4
  • 14
1
vote
0 answers

Change calculation total of a mat-paginator

I have a mat-table where some of rows cant count on total numbers of rows on mat-paginator. I need that mat paginator calculate total of pages ignoring that rows. How I can do that? table with ignored rows
1
vote
0 answers

How to use mat-paginator on other than MatTableDataSource?

I want paginator on below dataSource but it showing error property 'paginator' does not exist on type 'MatTreeFlatDataSource' this.treeFlattener = new MatTreeFlattener(this.transformer, this.getLevel, this.isExpndable,…
Vikash Mishra
  • 319
  • 3
  • 11
1
vote
1 answer

Mat-pagination does not direct me to new page afte adding row

I am trying to implement an inline row-adding to my table with pagination. To ensure the new row is visible, I'm directing the user to the last page with this.dataSource.paginator.lastPage(); However, when there is just enough data to fill page(s)…
shredder
  • 85
  • 1
  • 10
1
vote
2 answers

i have a problem with my angular pagination , specialy the page size

i'm trying to make a pagination with mat-paginator but when i click & change the page size nothing happen , the pageSize(limit) still the same as the server-side limit nothing changed referee-listing.ts: export class RefereeListingComponent…
1
2 3