Reorder mat-table rows with angular material's drag-and-drop

Question

Angular 7 brought the powerful DragDropModule with it: https://material.angular.io/cdk/drag-drop/examples

The documentation deals with rearranging items

Answer 1

I found a very good example on stackblitz: https://stackblitz.com/edit/table-drag-n-drop

To not break the ui of the Drag&Drop preview, use the tags

...
...
...
...
...

instead of

...
...
...
...
...

Combined with the css mentioned in https://stackoverflow.com/a/53630171/12331146 it is the perfect solution for me.