Stack Overflow
Stack Overflow

Questions tagged [mat-pagination]

41 questions
0
votes
1 answer

ANgular- Is it possible to add Mat-Paginator in regular table?

I made a regular HTML table in angular, whose data comes from API. I want to add mat-paginator in it. This is my code:
user18067747
  • 19
  • 1
  • 6
0
votes
0 answers

How to change the Next arrow icon button in angular material pagination to plain text "Next"

I have implemented the pagination in my application using angular . Is there any way to change the > icon to text labelled "Next" ? Is there any way I can place only "Rows per page" and "showing" on top and bring the Next arrow icon to the bottom…
Nancy
  • 911
  • 7
  • 26
  • 54
0
votes
3 answers

Provided 'undefined' where a stream was expected. Can provide an Observable, Promise, Array, or Iterable

I have been trying to implement server side pagination using mat-paginator & have faced a lot of difficulties. I've checked various blogs & tutorials but none of them helped me much to achieve my goal. Service- getAllCategoryByPage(data?: any):…
Valkyrie_30
  • 37
  • 2
  • 7
0
votes
1 answer

MatPaginator & MatTableDataSource - Change Total Size

im using MatPaginator with MatTableDataSource and when I assign data to the dataSource it change the lenght i assign to the MatPaginator. So, when I load nextpage, sort or filter, dataSorce change the lenght and can't continue paginating. My code: …
Agustin
  • 215
  • 1
  • 2
  • 14
0
votes
1 answer

Angular 10 test with @testing-library/angular (page) attribute method on mat-paginator

I have the element working fine, I just want to know how the heck to I test the getPaginatorData method for the (page) attribute with the @testing-library/angular library?
John
  • 107
  • 2
  • 12
0
votes
1 answer

Pagination does not work after I perform an operation on table like add/edit/delete a row (Angular 10)

I am paginating my table using mat-paginator. The pagination works fine when the first time the page is loaded. However if I perform an CRUD operation then the pagination does not work. All of the rows are displayed in the same page. I think its…
Elvis Shrestha
  • 42
  • 6
0
votes
2 answers

Is there any way to call a function when I click the button of the mat-paginator of Angular

Among the 4 buttons, I want to use one of them as a next page button. How to do this? This is the paginator HTML These are the…
Explorador
  • 47
  • 3
  • 9
0
votes
0 answers

How to set different [pageSize] in mat-paginator for different responsive resolutions

I want to avoid a vertical scroll bar in mat-table in the responsive resolutions. For that I need to reduce the mat-paginator [pageSize] attribute value to 4. Can we set different [pageSize] values for different resolutions?
vsg
  • 175
  • 2
  • 11
0
votes
0 answers

Angular Material paginator nextPage is disabled

I have total 7 records getting from graphql call. I am displaying 2 records on 0th page. Then on each page i should get 2 records. And paginator component should say 1-2 of7. But somehow it is saying 1-2 of 2 and next arrow is disabled. So I cant…
user14463446
  • 99
  • 10
0
votes
2 answers

Mat Paginator of Mat Tabledoesn't work with api data

I've seen similar questions, but nothing seems to work for me. I have a mat table where I display data from an api. But I don't know how to iterate through the 'dataSource'. Below is my code, and how I get the data when I check console log. ts…
Heidi E
  • 221
  • 8
  • 22
0
votes
2 answers

mat-pagination without mat-table

I have been trying to implement mat-pagination to my result list which does not use the mat-table. However, all the examples I found here are using mat-table with pagination. Appreciate your help regarding this. I'm currently getting all the data…
ONE_FE
  • 968
  • 3
  • 19
  • 39
1 2
3