Angular 8 Data Tables with sorting, pagination, and filtering using Express.js as backend

Angular Material Data Table - Paging, Sorting, Filtering.
In this Angular 8 tutorial will get an understanding of Angular Data Tables, how to sort data on the client-side, how to use pagination, and custom filtering to simplify the search.

Useful links:

00:39 clone the dashboard repository
01:49 Part 1 Data table creation
09:41 Part 2 Sorting data
11:28 Part 3 Pagination
13:58 Part 4 Filtering
25:32 Part 6 Action buttons

#Angular #angularDashboard #angularMaterial #angularTable #angularDataTable
#datatTableSort #datatTableFilter #datatTablePagination

[hhide]

thank you so much, it's so helpfull ! and yeah just keep doing it and we'll support you with everything for sure

[swaminathbera]

Thank you Mr Soufiane, I learnt a lot

[soufianeounida]

Thank you Mr Soufiane, i learn a lot just by watching a 30 min video

[saritarout]

Very helpful thanks for the content, it will be great if you make video for filtration on single column also

[arjun]

it's very much useful to me, if possible please add the date picker for the posts page

[leonnxrdx]

Hi, I really apreciated your effort, please try to make it but with filtering, paging an sorting on demand, because with this example you didnt know when backend changed(only when you refresh your front)
Thanks a lot (:

[hhide]

Hello ! is there any way to put this data table on the dashboard interface and create a form to add new informations on this posts page ?
thanks for your attention !

[developerspoint]

Mat-sort-header need to be placed with in the parent element with matsort directive error is coming while using mat sort header
How can i solve that

[emad_arnesto]

please can u explain more abt this function applyFilter(event) bcs i can't understand parameter (event) and thank in advance

[rounak]

I am having some doubt in angular, issue in http post req, can u help me?

[juansierra]

Hi, this only filters the first page of the data source and not the entire data

[EveryEngMechanical]

12:23 / 27:55 Why are u adding matPaginator Module two times

[karlrussellmenil]

Topic: Full stack javascript - Data Pagination and Filtering

Good day,

If I may humbly ask a little help, any hints, comments and suggestions are very much welcome, thank you in advance for all your help, please see question below, how do I code this?:

/*
Create the `showPage` function
This function will create and insert/append the elements needed to display a "page" of nine students
*/



/*
Create the `addPagination` function
This function will create and insert/append the elements needed for the pagination buttons
*/



// Call functions