title: Angular cdk/drag-drop miltiple cdkDrag elements
body: <p>I am working on an Angular project and I want to have columns that have elements that can be dropped in any of the columns, Also, I want to drag and drop the column itself to change the order of the columns. </p>
  
  <p><a href="https://i.stack.imgur.com/btSvt.png" rel="nofollow noreferrer">Here is moving the elements between the columns From Trello which I already have</a></p>
  
  <p><a href="https://i.stack.imgur.com/nTw4n.png" rel="nofollow noreferrer">And here is the functionality of changing the order of the columns From Trello that I want to implement</a>
  It would be helpful if there was a way to have this functionality.</p>
  
  <p>I am currently using cdk/drag-drop to move the elements between the columns but I am stuck at moving the column itself. I went through <a href="https://material.angular.io/cdk/drag-drop/examples" rel="nofollow noreferrer">https://material.angular.io/cdk/drag-drop/examples</a> and I could not find a way to have more than one type of ckdDrag elements within the same page. </p>