Angular Material Tutorial - 31 - Data table Pagination

📱 Follow Codevolution

Paginating Data Table in Angular Material

[savin]

@ViewChild(MatSort, {static: true}) sort: MatSort;
@ViewChild(MatPaginator, {static: true}) paginator: MatPaginator;

this worked for me

[maniaccoding]

Sir, Can you please post a tutorial for using Mat-Table with expansion rows. So, we when master data row is clicked, it is expanded with child table rows.

[fatalskull]

My pageSize wont work. It always shows a bunch of data regardless of what option I pick.

[AldoRTX]

Hi Bro, U know about using two paginator in 1 component? Greetings

[jaynishchauhan]

@ViewChild('empTbSort') sort : MatSort;
@ViewChild('paginator') paginator : MatPaginator;
ngAfterViewInit()
{
this.dataSource.sort = this.sort;
this.dataSource.paginator = this.paginator;
}
Previous code in previous video comments Check Out

[anguianojve]

Muchas Gracias me ayudaste mucho con tu video

[TamilComputerTricks]

How to get current page value
I mean current paginator value.
If I have 1to10pages
Now am in 3rd page number I need that value

[anilrai]

Hi there, thanks for this video, just one thing is can we implement all features in an angular material data table like Dynamic Column Selection, Sorting, Pagination, Column level Filtering, Reordering of Columns, Resizing of Columns, please help me

[ruimoreira]

@ViewChild(MatPaginator) paginator: MatPaginator;

I'm getting paginator not initializer, how can i solve it?

[madhumitha]

I am getting error like paginator does not exist on my userData[ ].How to resolve it?

[Real_Good_Joe]

Does anyone know how to make the paginator display clickable pages (numbers 1, 2, 3...100 for example)?

[sakethravirala]

How to change the text for previous page and next page.
I need Previous and Next as label in place of arrow

[tranquillityEnthusiast]

Sir do angular flexlayout tutorial ...

[viplovedev]

Whatever happened to setting up the dataSource.

[upkspraveen]

can some one help me im unable to find angular material code on github

[rajromil]

dosen't work on api called data-table. Only works on the very basic dataTable, basically it's just useless.

[maheshbabukalavala]

How to import material.module.ts can anybody explain

[adarshnair]

Hi, I am getting an error in ngOnInit() function as Property 'paginator' does not exist on type 'PeriodicElement[]'. How to resolve it?

[rubickon]

With all due respect, this just copying past the most simple example from API.

[ashiktm]

@ViewChild(MatPaginator, { static: true })
paginator!: MatPaginator;