Я использую mat-table и сталкиваюсь с проблемой выравнивания на экранах с меньшим разрешением. Первоначально я использовал следующий стиль в стилях. css файл для столбца. Я пытался изменить flex с различными значениями пикселей, но это не сработало.
.mat-column-FullName {
flex: 0 0 60px;
}
В дополнение к приведенному выше коду, когда я добавляю нижеприведенный файл стилей. css, проблема с выравниванием исправлена. Но я не уверен, как это работает и в чем разница между flex: 0 0 60px и шириной матрицы. Может кто-нибудь, пожалуйста, объясните это.
mat-cell,
mat-footer-cell,
mat-header-cell {
width: 50px;
}