drag and drop table multiple items in a row Angular

can someone give me some advice to make a table with two columns one of them with fixed rows and an other column where I could drag multiple items for each row of the other column?

<div cdkDropList class="example-list" 
(cdkDropListDropped)="drop($event)">
<div class="example-box" *ngFor="let movie of movies" cdkDrag>{{movie}} 




<div class="example-container"> 

  <div
  cdkDropList
  #doneList="cdkDropList"
  [cdkDropListData]="done"
  [cdkDropListConnectedTo]="[todoList]"
  class="example-list"
  (cdkDropListDropped)="drop($event)">
     <div class="example-box" *ngFor="let item of done" cdkDrag> 
        {{item}} 
     </div>
   </div>
</div>


</div>
</div>


<div class="example-container">
<h2>To do</h2>

<div
cdkDropList
#todoList="cdkDropList"
[cdkDropListData]="todo"
[cdkDropListConnectedTo]="[doneList]"
class="example-list"
(cdkDropListDropped)="drop($event)">
<div class="example-box" *ngFor="let item of todo" cdkDrag>{{item}} 
</div>
</div>
</div>