如何使用angular6将数据拖放到空表中的特定列中？

Question

这是我的代码。

controls:any[] =[];
this.controls.push({'id':101,'name':'one'});
this.controls.push({'id':102,'name':'two'});
this.controls.push({'id':103,'name':'three'});

tables:any[] =[];
 this.tables.push({'id':this.generateUid()+1+'_table','rows':[{'id':this.generateUid()+2+'_row','cols':[{'id':this.generateUid()+3 +'_col','field':{}}]}]});
 generateUid() {
    let d = new Date();
    let uid = d.getTime();
    return uid;
  }
  
  addTable() {
  }
  
  addRow() {
  
  }
  addColumn() {
  }

我有一个控件列表，这些控件在左侧拖动时显示，当拖动一个控件并使用angular6拖放到表中的特定列（多行和多列）时。