Применить стили .mat-column-name к дочернему компоненту в Angular Material ⇐ CSS

[Anonymous]

Дочерний компонент содержит таблицу материалов Angular, созданную на основе столбцов, переданных в качестве входных данных:

Код: Выделить всё

@Input() columns: string[]

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

Код: Выделить всё

.mat-column-col-name {
width: 10px
}

Как установить ширину столбца мата из родительского компонента? Имена столбцов известны родителю и могут быть определены в его таблице стилей. Я настоятельно хочу избегать любой инкапсуляции: нет, потому что дочерний компонент находится внутри разрабатываемой мной библиотеки. Лучшим решением будет передача стилей как @Input().

Подробнее здесь: https://stackoverflow.com/questions/785 ... r-material