Столбцы и строки таблицы угловых матовых матов от Api Response

1

Как мы можем ограничить столбцы и строки таблицы Mat Table.

  <mat-table   [dataSource]="dataSource" class="mat-table">
    <span *ngFor="let data of displayedColumns; let i=index">
      <ng-container *ngIf="i<5" matColumnDef="{{data}}">
        <mat-header-cell *matHeaderCellDef> {{data}} </mat-header-cell>
        <mat-cell *matCellDef="let element"> {{element[data]}} </mat-cell>
      </ng-container>
    </span>

    <mat-header-row *matHeaderRowDef="displayedColumns.slice(0,5)"></mat-header-row>
    <mat-row (click)="getRecord(BackupId1,row.objname)" *matRowDef="let row; 
    columns: displayedColumns;"></mat-row>
  </mat-table>

Мы можем ограничить отображаемый массив столбцов в TypeScript, но я хочу сделать это в шаблоне.

Теги:
angular
material

1 ответ

0

Для этой цели есть slice трубка в Угловом.

Из документов:

<ul>
  <li *ngFor="let i of collection | slice:1:3">{{i}}</li>
</ul>
  • 0
    Проблема в mat-header-row, как мы можем ограничить имена столбцов. Получение Не удалось найти столбец с идентификатором «Id».

Ещё вопросы

Сообщество Overcoder
Наверх
Меню