Posts

Showing posts from July, 2022

Angular Material Drag/Drop Table

Image
 Angular Material Drag/Drop Table In this post, we are going to go through the complete example of how to implement Drag/Drop rows in Angular Material Table. This is a step-by-step tutorial where you are going to learn how to add the Drag/Drop feature in the Angular Material Table. At the end of the document, you can find the YouTube video that contains the live working session on implementing drag-drop functionality on the angular material table. Prerequisites To begin with, you need to have a basic knowledge of Angular Framework, Angular Material with NodeJs, Angular CLI, and Visual Studio Code(VSC) installed in your system. Creating New Project In order to start with, create a new Angular project in the VSC editor by typing in the below command in the terminal. ng new angular-drag-drop-table After successfully creating the project open the project in VSC by clicking on File => Open Folder => angular-drag-drop-table   (find the path wherever you have created the proje...