У меня есть таблица материалов Angular с двумя полями:
<table mat-table [dataSource]="dataSource" matSort class="mat-elevation-z8">
<ng-container matColumnDef="Field1">
<th mat-header-cell *matHeaderCellDef mat-sort-header>Field1</th>
<td mat-cell *matCellDef="let element"> {{element.Field1}} </td>
</ng-container>
<ng-container matColumnDef="Field2">
<th mat-header-cell *matHeaderCellDef mat-sort-header>Field2</th>
<td mat-cell *matCellDef="let element"> {{element.Field2}} </td>
</ng-container>
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
</table>
Импортирую следующие модули:
Material.MatTableModule,
Material.MatSortModule,
Затем объявляю сортировку следующим образом:
@ViewChild(MatSort) sort: MatSort;
Я заполняю источник данных из внешнего API, вызывая следующий метод в конструкторе:
populateTable() {
this.requestHttpService.getStuff()
.subscribe(data => {
this.results = data;
this.dataSource = this.results;
this.dataSource.sort = this.sort;
},
...
Как вы заметили, я пытаюсь прикрепить sort после загрузки dataSource.
Я также попытался добавить сортировку в ngAfterViewInit () и пару других мест, но независимо от того, что я делаю, это не работает.
Любая идея?
setTimeout
какsetTimeout(() => {this.dataSource.sort = this.sort;});
. Пояснение здесь - person User3250   schedule 01.11.2018this.dataSource = new MatTableDataSource(this.results);
- person User3250   schedule 01.11.2018ngAfterViewInit
иthis.dataSource = new MatTableDataSource(this.results);
проблему решили? Позвольте мне ответить на вопрос. - person User3250   schedule 01.11.2018