Столбец таблицы мата с фильтром стрелки сортировки не видны

Question

Я новичок в угловой... Моя таблица матов работает нормально, но когда столбец имеет фильтр и функции сортировки, стрелки сортировки не видны на столбцах с фильтром. Я пытался отрегулировать уайт столбца, но независимо от того, насколько мал или велик столбец, стрелки не видны. Есть пример проекта, который воспроизводит мою проблему.

https://stackblitz.com/edit/angular-hbakxo-sdjyya?file=app%2Ftable-filtering-example.ts

Answer 1

Он будет виден только для ширины столбца, превышающей поле формы циновки

а для уменьшения ширины поля формы используйте точный размер, а не%. процент не меняет ширину заголовка сортировки

.mat-form-field {
    font-size: 13px;
    width: 110px; //put the value you need
  }

вот редактирование вашей ссылки slackblitz.

Answer 2

Установка ширины столбца заставила его отобразить

.mat-column-position {
 width: 25%;
}