WADM dev journal EP-1: implement drag and drop to mat-table headers

Published: 10 July 2023
on channel: Happy Coder
79
1

full demo for the built app: https://wadm-calculator.web.app/

repo for draggable mat-table headers demo: https://github.com/FrankZhang2046/WAD...

In this episode, we dive into the implementation of drag and drop functionality using Angular's Drag CDK. We focus on enabling users to easily reorder column and row headers in the WADM (Weighted Average Decision Matrix) Calculator app.

Chapters:
0:00 demo of the app concept
6:14 demo for drag and drop html table elements
7:50 header swapping behavior demo for mat-table
8:20 high level code walkthrough of the code
15:10 re-create the logic
29:29 preview of next video


Watch video WADM dev journal EP-1: implement drag and drop to mat-table headers online without registration, duration hours minute second in high quality. This video was added by user Happy Coder 10 July 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 79 once and liked it 1 people.