Материал Таблица столбца фиксированной ширины

Question

У меня есть таблица угловых материалов, и я хотел бы применить фиксированную ширину 100px к первому столбцу.

Я пытался использовать:

.mat-column-select {
  flex: 0 0 100px !important;
}

без эффекта.

Чего мне не хватает?

Edit: Хорошо ... Я не парень CSS. Просто добавив width: 100px сделал свое дело. Почему?

Answer 1

Поздравляем с поиском решения самостоятельно.

Таблица является элементом <table>. Который не по умолчанию display: flex. flex: 0 0 100px будет работать только в том случае, если родительский элемент представляет собой гибкий блок.

Поскольку <td> отображается как table-cell. Вот почему width: 100px должен сделать работу.