Динамически добавлять целый статический столбец в MAT TABLE - PullRequest
Новая
       34

Динамически добавлять целый статический столбец в MAT TABLE

0 голосов
/ 08 ноября 2019

Я пытаюсь создать повторно используемый компонент таблицы материалов, который принимает источник данных и столбец, которые будут созданы следующим образом 

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

, поскольку datasource & 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-контейнеры внутри примера таблицы выше: отредактируйте столбцы, как показано ниже

edited image

последовал за этим ответом с голосованием, чтобы добавить целые столбцы в мою существующую таблицу: Смешивание статических и динамических столбцов в таблице угловых материалов (mat-table)

Ожидаемый 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>
...