title: Row reordering in Angular material mat-table using drag events
body: <p>I am developing a website where I am using <a href="https://material.angular.io/components/table/overview" rel="noreferrer">Data Table</a> component of <a href="https://material.angular.io/" rel="noreferrer">Angular Material</a>. I want the user to be able to set some kind of priority to each row by dragging rows up and down. Something similar to <a href="https://editor.datatables.net/examples/extensions/rowReorder" rel="noreferrer">Data Table for jQuery</a>. I cannot find support for reordering using drag events in their documentation. How can I achieve this functionality while adding least dependencies to my project?</p>