Angular 5 - можем ли мы сделать сортировку для столбца таблицы и показать иконку вдоль него (для несортировки)

Question

У меня есть таблица, и я активировал сортировку заголовков, используя материал угловой.Могу ли я сначала отсортировать по любому столбцу и показать значок не сортировки, который обычно появляется после щелчка по имени столбца, вместе с первоначально отсортированным значком.

Например;У меня есть таблица с колонками A, B, C, D.Я хочу отсортировать таблицу по столбцу C. И я хочу, чтобы отсортированный значок был активным изначально (при загрузке самого компонента). Поэтому, когда я нажимаю на значок, он не сортируется.

Заранее спасибо.

Answer 1

Да, вы можете изначально сортировать столбец. Проверьте MatSort и его sort функцию.

Все, что вам нужно сделать в вашем компоненте, это:

// Reference the matSort which you should already have anyway
@ViewChild(MatSort) sort: MatSort;

ngOnInit() {
  // Link the sort to the table and then sort it initially
  this.dataSource.sort = this.sort;
  this.sort.sort({disableClear: false, id: 'progress', start: 'desc'});
}

Здесь это стек, где я взял один из угловых материалов примеры и добавили начальную сортировку по столбцу progress.