Angular Material Data Table

on YouTube ↗21m

" summary

Angular Material Data Table is a finished component (out of beta) that implements a column-first layout and a pluggable CDK table plus a data source stream that centralizes sorting paging filtering and realtime updates. It demos a bakery orders app showing sorting, paging (combineLatest of orders and paginator), filtering, inline edit, selection, animations (about five lines added) and drag and drop. The implementation is concrete, the code built and live in the demo, and the features actually work.

AI-written summary · about

" chapters (10)

1. 0:00Intro
2. 0:45Design
3. 2:28Challenges
4. 3:37Layout
5. 5:17Columnbased design
6. 6:43Data source
7. 8:40App component
8. 11:36Adding more columns
9. 12:49Adding paging components
10. 16:26Viewing the table

" related talks

• 25mAngular Material CDK, Datatables and moreElad Bezalel · AngularUP 2017
• 23mAngular CDK and Material in 2018Jeremy Elbourn · NGConf 2018
• 48mAn Introduction Into Using Angular’s Material DesignTracy Lee · NDC Sydney 2017
• 31mAngular Material 2Elad Bezalel · AngularUP 2016
• 09mImproving angular material table performance with paginationFabriece Sumuni, Nicolas Cassis · ngVikings 2019
• 21mBuild an Angular Material AppThomas Burleson, Naomi Black · ng-conf 2015
• 31mCool interaction made simple with Angular Material CDKNg Tong Sheng · NG-MY 2019
• 17mAngular Material’s TreesTina Gao · NGConf 2018