Question

我正在尝试首先对我的Material表加载并对其进行排序，并设置标题箭头以显示其已排序。我在表中添加了以下内容，以在加载时默认情况下对表进行排序：

<table matSort matSortActive="name" matSortStart="asc" matSortDisableClear>

这似乎可行，并且对数据进行了排序，但标题箭头没有反映出排序。

Answer 1

您可以在设置数据源的排序器之前定义默认排序。

ngOnInit() {
    this.dataSource.paginator = this.paginator;
    this.sort.sort(({ id: 'name', start: 'asc'}) as MatSortable);
    this.dataSource.sort = this.sort;
}

Working Stackblitz example

Answer 2

有一些已知问题，无法显示垫排序箭头。
有一个问题虽然与您的不完全相同，但提供了一种有效的程序化解决方案：https://github.com/angular/components/issues/10242
这是唯一对我有用的解决方法。
有关特定代码，请参阅此答案：https://stackoverflow.com/a/65501143/407758

未设置默认的排序角垫表格箭头

2 个答案: