在MAT TABLE中动态添加整个静态列

Question

我正在尝试创建一个可重复使用的材料表组件，该组件接受要按如下方式创建的数据源和列

   <dynamic-table [datasource]="data" [columns]="columnNames"/> 

因为数据源和列名具有

的关联关系

 data=[{ position: 1, name: 'Hydrogen', symbol: 'H' },
    { position: 2, name: 'Helium', symbol: 'He' }] 

 columnNames= [
    { name: 'position', label: 'No.' },
    { name: 'name', label: 'Name' },
    { name: 'symbol', label: 'Symbol' }
  ] 

下一步将需要传递另一个属性来创建静态列，就像在上表中推送ng容器一样 示例：如下所示编辑列

遵循了这个建议的答案，将整个整列添加到我的现有表中： Mixing static and dynamic columns in Angular Material table (mat-table)

期望通过[input]添加htmlref：

<ng-container matColumnDef="Edit">
          <th mat-header-cell *matHeaderCellDef mat-sort-header>Edit</th>
          <td mat-cell  *matCellDef="let element"><a href="#">Edit</a></td>
      </ng-container>