Angular Sorting and Filtering Data - Without Any Libraries

Learn how to create custom Angular table without any libraries. We will implement typical table features like sorting and filtering with real API. As it is much easier to support your own code it makes a lot of sense to build table on your own.

MOST POPULAR COURSES

SERVICES THAT I'M USING

CONNECT WITH ME!

REFERENCES

TIMESTAMPS
0:00 Introduction
0:57 Table module
10:53 Styling table
11:51 Capitalize title
12:42 Sorting table
18:56 Filtering table

This video is NOT sponsored. Some product links are affiliate links which means if you buy something I'll receive a small commission.

[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!
Really amazing, thnx a lot for these very usefull videos... Keep on the good work!

[oketafred]

Your contents are amazing, I'm a VueJS Developer but you have motivated me to start using Angular also

[techtiendo]

Amazing content and very useful.
Is a valid approach to send a request each time we sort?
What I am thinking is to store data on a signal on my service and sort there in order to avoid querying on the backend.
From a backender point of view, am I correct or is it more common just delegating it to the backend?

[OscarAndresPabonEstrella]

14:14 is it not better for this case to use pure pipes, pure variable or a signal? this because when a method is used this way angular marks the attribute as dirty for the zone.js and will be evaluating practically all the time. I don't know if this behavior has changed with new versions, but before was strongly recommended to don't use functions in the view, unless was an event.

[ShanaAlly-lsff]

What is the advantage of implementing this custom table over any other third party libraries like material/datatable/smart table?

[nadflores]

Just wondering how did you configure your vim typescript auto-import. thanks! im a fan of your channel.

[kakhachaduneli]

Does this method work for angular material table too?

[kolawoleomotosho]

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

[sandeepneethipudi]

In my project I have a drop down(select element ) and the options for the combo box is loaded from an api...Everything is working fine if the list has less data but the page gets hanged if the list has huge data (around 10000 ).It is effecting the user experience the user has to wait until the page is loaded.I am using Angular 8 and mdb-select element

[Chinmaywani]

brother you've said custom angular table in title but not implemented input() & output() decorator this is misleading to beginers

[_Greenflag_]

Hmm 👍👎.
You are calling two times your API without any necessity. Imagine if you have 1 000 clients on your website. You will make 2 000 calls, double the server payload ?
Just load the data " as is " and implement your sorting functions, in my opinion.

edit : Lol and in the end, you link your search functionality with an API call ?! Are you insane :) This is highly inefficient, would not pass an interview, and you will potentially make an DDOS attack with your search functionality, because of server overload . I think your back-end developer will kill you xD