Создать таблицы с одним столбцом, где имя столбца из списка строк - PullRequest
Новая
       18

Создать таблицы с одним столбцом, где имя столбца из списка строк

0 голосов
/ 21 октября 2019

Я хочу сгенерировать много таблиц, где каждая таблица содержит один столбец, а имя столбца берется из списка строк.

т.е. list ['One','Two'] ==> результатдве таблицы: первая с именем столбца 'One', вторая с именем столбца 'Two'. 

listRoles = ['EXPLOITANT','EXPLOITANT_DEV','INFRASTRUCTURE','INTEGRATEUR','VALIDEUR'];

  /** Table columns */
  columns = [
  { name: 'EXPLOITANT', label: 'EXPLOITANT' },
  { name: 'EXPLOITANT_DEV', label: 'EXPLOITANT_DEV' },
  { name: 'INFRASTRUCTURE', label: 'INFRASTRUCTURE' },
  { name: 'INTEGRATEUR', label: 'INTEGRATEUR' },
  { name: 'VALIDEUR', label: 'VALIDEUR' }];

  displayedColumns: string[] = ['EXPLOITANT','EXPLOITANT_DEV','INFRASTRUCTURE','INTEGRATEUR','VALIDEUR'];

<div *ngFor="let column of listRoles;let i = index">
        <table mat-table matSort>  
        <!-- Generic column definition -->    
          <ng-container  matColumnDef="{{columns[i].name}}">        
            <th mat-header-cell *matHeaderCellDef mat-sort-header>{{column[i].label}}</th>        
            <td mat-cell *matCellDef="let element"> {{element[column[i].name]}} </td>      
          </ng-container>
          <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>      
          <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
        </table>
</div>
...