Angular Material Table - With Sorting and API Data

Learn how to use Angular Material table by building users table with sorting and fetching data from the API. Angular Material Table is a nice approach if you have lots of tables or want to write bare minimum of code.

TIMESTAMPS
0:00 Introduction
1:51 Angular material table installation
2:23 Adding module
5:18 Adding markup for the table
7:51 Rendering rows
10:59 Angular material table data source
22:27 Sorting

FOLLOW ME

REFERENCES

STUFF I USE

Disclosures: All opinions are my own. Sponsors are acknowledged. Some links in the description are affiliate links that if you click on one of the product links, I’ll receive a commission at no additional cost to you. As an Amazon Associate I earn a small commission from qualifying purchases.

[emilsirbu]

Thanks a lot for your contribution for Angular devs. I appreciate a lot, despite that now is big hype for React, you continue create a very useful Angular content.

[d.bachmann]

Have watched several videos with this Author (name?). This is something real high quality. I am an experienced programmer and have even worked with Angular for some time and still this was very much worth watching. He has a God given talent of making coding videos.
This series should have 1000s of likes.. really amazing well explained . Very well edited everything is not too long and not too short.. It is a real pleasure to watch and learn from. Also by following these videos you pick up good coding practices with an understanding of why!

[pascalbigras]

Wow that's exactly what I was looking for to solve my custom data source problem. It feels like Angular doesn't have good support videos these days. You always seem to have a video to help me fix a problem. Continue the good work!

[keshavav]

Great.. its worked like a charm.. Thank you so much :)

[MhmmDonuts]

Thank you for your afford!!! Im learning so much from u. The last thing was about CD Strategy OnPush!!

Thanks for everything you provide to the community ❤

[MrScrosb]

Great Tutorial On a custom data source, helped me solve something at work.

[bajrangchapola]

Great video👍 your ways of explaining is awesome 👌

[MartinFaehrmann]

Thank you very much, your video was super helpful and has a great structure to it

[joeng]

This is awesome. I just learnt alot. Please do you have a video on Material Pagination?

[ayushmankishoredash]

Thanks a lot, so much useful information about mat-table, I appreciate a lot.

[GibranCastillo]

This was so helpful, thank you!! Do you have a post or YouTube video that explains how to use nested Angular Material Data Tables. How do I create a nested mat-table; parent mat-table with one column and each row with a nested child mat-table with three columns?

[ArturoChenFan]

Is there a way to connect to mat-table with ngrx component store and use of signals for CRUD actions?

[MahmoudTarek-pzrl]

Thanks a lot for great content, it really helps.
I'm currently having a problem in sorting material table.
It is working correctly in the first page but after pagination any other page the data just disappear after click on sorting arrows
Any help would be appreciated

[MahmoudTarek-pzrl]

Im trying to implement custom table row of angular material table using ngTemplateOutlet and it is not working, always cant see the columns definition, any advice

[Abhiviews]

has anyone noticed the subscribe button shine when he said subscribe 18:34

[kolawoleomotosho]

Please can you do a video on how to export a table in pdf format. both angular material table and custom table

[VinodSharma-qgnz]

good content....what IDE are you using ?

[marcopolocs]

I had to create a similar table using mat-table a week ago but could not find a way to use ngFor for the head. Do you think if there is any way ngFor can be utilized effectively in the template?

[luiscevallos]

Hi thanks please make it with Filter againts API please

[soulgroup]

I don´t understand why cant we just use the user service to get the data and instead you make a custom data source