сортируемая angular таблица материалов - PullRequest
0 голосов
/ 27 апреля 2020

у меня есть angular таблица материалов. я хочу добавить опцию sortable в мою таблицу. Я делаю актоин, но это не сработало.

это мой источник данных:

export class ArticleCommentDataSource implements DataSource<any> {


constructor(private articleCommentService: ArticleCommentService) {

}

loadNewsComment(
    pageIndex: number,
    pageSize: number,
    filters: TableFilterRules[]
): void {

    this.articleCommentService.GetAll(this.searchParam)
        .pipe(
            catchError(() => of([])),
            finalize(() => this.loadingSubject.next(false))
        )
        .subscribe((gift: TablePagingIndex<Comment>) => {
            const data = gift.records;
            this.articleCommentLengthSource.next(gift.totalCount);
            this.articleCommentSubject.next(data);
        });
}


connect(): Observable<any[] | readonly any[]> {

    return this.articleCommentSubject.asObservable();

}

disconnect(): void {

    this.articleCommentSubject.complete();

    this.loadingSubject.complete();

}

}

и это мой html:

<table mat-table [dataSource]="dataSource" matSort class="mat-elevation-z8">
<!-- Position Column -->
  <ng-container matColumnDef="position">
    <th mat-header-cell *matHeaderCellDef mat-sort-header> No. </th>
    <td mat-cell *matCellDef="let element"> {{element.position}} </td>
  </ng-container>
</table>

и это мой ` ts file:

dataSource: ArticleCommentDataSource;
@ViewChild(MatSort, {static: true}) sort: MatSort;

my DataSource не имеет sort свойства.

как я могу поместить сортируемый в мою таблицу ????

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...