更新contentChildren queryList以重新排序表中的列

Question

我正在创建一个数据表，我想在其中动态地重新排序列。

    export class myTableComponent {
    @Input() 
    data: any[]; 
    @ContentChildren(Column) myColumn: QueryList<Column>;  
}

我最初有一个列的查询列表。

on mouseMove我想在queryList的特定索引处删除一列。例如，如果我在索引2上删除了一个带有树列的表，那么该表应该显示一个包含两列的表。

如何修改queryList？我以为我只需要拼接查询，但我不能

我有像这样的影子

  <g-table *ngIf="projects" [data]="projects" (reorder)="reorder($event);">
    <g-column draggable>
        <template let-row let-index="index"> {{row.cdeProjet}} (<b>{{row.nom}}</b>)   {{index}}</template>
    </g-column>
    <g-column field="nom"></g-column>
        <g-column field="title">    <template let-row let-index="index">test</template></g-column>
</g-table>

所以我想动态地将第3列作为第一列。 我知道：
- 通过contentchildren的g列查询列表 - 我要拖动的列的索引。
- 我要替换的列的索引。

进行重新排序功能的正确方法是什么？感谢