Angular Material Table - With Sorting and API Data

[@MonsterlessonsAcademy]

WATCH NEXT: Angular with NgRx - Building Angular Project From Scratch - kzbin.info/www/bejne/rJTJi2N7htWMiqMsi=BptT7eqgflHIoQiQ

[@emilsirbu236]

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.

[@MonsterlessonsAcademy]

You are welcome!

[@pascalbigras9102]

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!

[@MonsterlessonsAcademy]

Thank you!

[@d.bachmann6798]

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!

[@bajrangchapola6748]

Great video👍 your ways of explaining is awesome 👌

[@MonsterlessonsAcademy]

Glad to hear that!

[@MrScrosb]

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

[@MonsterlessonsAcademy]

Glad it helped!

[@MartinFaehrmann]

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

[@MonsterlessonsAcademy]

Glad it was helpful!

[@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 ❤

[@MonsterlessonsAcademy]

Glad to hear that!

[@joeng5999]

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

[@MonsterlessonsAcademy]

I will add it to the list of future videos

[@GibranCastillo]

This was so helpful, thank you!! Do you have a post or KZbin 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?

[@MonsterlessonsAcademy]

Hi Gibran, unfortunately I don't have experience with nested mat-table.

[@GibranCastillo]

@@MonsterlessonsAcademy I understand, thank you for letting me know and for the swift response.

[@GibranCastillo]

@@MonsterlessonsAcademy I finally figured out 😃

[@ayushmankishoredash8585]

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

[@MonsterlessonsAcademy]

Glad it was helpful!

[@keshavav779]

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

[@MonsterlessonsAcademy]

Welcome 👍

[@ArturoChenFan]

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

[@MonsterlessonsAcademy]

I didn't try that.

[@VinodSharma-qg5nz]

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

[@MonsterlessonsAcademy]

It's vim

[@MahmoudTarek-pz1rl]

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

[@nouchance]

Thank you Sir!

[@MonsterlessonsAcademy]

You are welcome!

[@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?

[@MonsterlessonsAcademy]

You can do something like this.

[@MahmoudTarek-pz1rl]

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

[@MonsterlessonsAcademy]

No idea. You need to debug this

[@Chandrakumar-ub1uh]

which vs code theme r u using ?

[@MonsterlessonsAcademy]

Gruvbox

[@Abhiviews]

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

[@kolawoleomotosho3073]

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

[@MonsterlessonsAcademy]

Thank you for the idea

[@F43i4N0]

Explendid🎉

[@MonsterlessonsAcademy]

Thank you!

[@RomanWaves]

thanks a lot for that tutorial :) i have really mixed feelings about angular these days. does someone have the time to explain, why this kinda complex approach is the way to go in angular ? why not just fetch the users, put them in an array of objects and then apply a custom function like "sortUsersByKey(keyInputString)", sorting these with a typical sort function and then just apply the result to a @for loop inside the HTML table ? I am skeptical but really curious and open to learn, why it is a better approach going the long way , using all these modules? probably when the projects gets more complex, the framework functions become more efficient or something ? but could you provide a real world example where that would be the case ? my main struggle with it is, the whole syntax is nowhere logical or intuitive, since for every move you have custom functions and ways to go, that stiffles intuitive problem solving and approaching things in creative ways, or am i wrong ?

[@MonsterlessonsAcademy]

I did exactly that here kzbin.info/www/bejne/mIPUfHyjpMyVaM0si=PuLf9Y8MCLGO1s6j It does have to do anything with Angular but libraries tend to be more complex as they try to do stuff in generic way.

[@RomanWaves]

@@MonsterlessonsAcademy thank you, okay maybe its just me, i have a hard time with the syntax, since i try to understand each step in deep, to be able to apply it to my solutions. watched your linked video twice, but there it also seems to be a very special syntax , fit to the api right, at no point there is like a step by step sorting logic, or some compairing of values., its already very high level prepaired sorting functions, right? i am wondering how you reached a level with the angular syntax, where you are able to do all the implementations yourself, maybe that could be a future video topic ? How to work out syntax through reading documentaries ? thanks anyways , in constant learning mode i guess :)

[@luiscevallos1]

Hi thanks please make it with Filter againts API please

[@MonsterlessonsAcademy]

Just build an input outside of table and call a method from dataSource class which will make an api call with provided searchValue. It doesn't have anything to do with material table.

[@luiscevallos1]

@@MonsterlessonsAcademy I dont get it please please make a video please

[@kakhachaduneli5296]

thanks

[@MonsterlessonsAcademy]

Welcome!

[@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

[@MonsterlessonsAcademy]

To show you the way of creating custom data source for material UI. I showed it with static data from the beginning and you can stick with that if you want.