Angular Material Tutorial - 31 - Data table Pagination

Thanks for sharing 😍🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩

Thank you!

@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

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

I love it

Muchas Gracias me ayudaste mucho con tu video

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

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

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

this worked for me

Too much content in just 3 min :o

How to import material.module.ts can anybody explain

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

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

Whatever happened to setting up the dataSource.

@ViewChild(MatPaginator) paginator: MatPaginator;

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

The sort and pagination does not work as shown in this video but filter works fine I am using the following imports import { Component, OnInit , ViewChild} from '@angular/core';
import { MatTableDataSource } from '@angular/material/table';

import {MatSort} from '@angular/material/sort';
import {MatPaginator} from '@angular/material/paginator';

If for anyone the sorting or paginator is not reflecting for some reason then try using setTimeOut with ngOninit
setTimeout(() => this.dataSource.paginator = this.paginator);

else assign it inside ngAfterViewInit()

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

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

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

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.

thank you <3

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

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

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

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

Superb sir

Sir do angular flexlayout tutorial ...

awesomeeeeeeeeeeeeeeeeeeeeeee