Angular Material Data Table | Angular data-table
Inthispost,wearegoingtogothroughacompleteexampleofhowtousetheAngularMaterialDataTable.WearegoingtocovermanyofthemostcommonusecasesthatrevolvearoundtheAngularMaterialDataTablecomponent,suchas:server-sidepagination,sorting,andfiltering.Thisisastep-by-steptutorial,soIinviteyoutocodealongaswearegoingtostartwithasimpleinitialscenario.Wewillthenprogressivelyaddfeaturesonebyoneandexplaineverythingalongtheway(includinggotchas).Wewilllearnindetailallaboutthereactivedesignprinciplesinvolvedinthedesign...
In this post, we are going to go through a complete example of how to use the Angular Material Data Table.
We are going to cover many of the most common use cases that revolve around the Angular Material Data Table component, such as: server-side pagination, sorting, and filtering.
This is a step-by-step tutorial, so I invite you to code along as we are going to start with a simple initial scenario. We will then progressively add features one by one and explain everything along the way (including gotchas).
We will learn in detail all about the reactive design principles involved in the design of the Angular Material Data Table and an Angular CDK Data Source.
The end result of this post will be:
a complete example of how to implement an Angular Material Data Table with server-side pagination, sorting and filtering using a custom CDK Data Source a running example available on Github, which includes a small backend Express server tha...