Повернуть заголовки на 45 градусов

Необходимо создать ag-сетку с повернутыми заголовками столбцов под углом 45 градусов. Столбик должен быть достаточно широким, чтобы можно было поставить галочку.

Я попытался использовать приведенный здесь пример: https://www.ag-grid.com/javascript-grid-column-header/#textOrientation

Плункер не работает для Angular, и пример кода не загружается.

CSS, представленный в примере, не отображает весь заголовок. Высота заголовка ограничена 25 пикселями. Заголовок находится под углом 45 градусов, но может видеть только несколько букв. Я также пробовал использовать setHeaderHeight () и headerHeight, ни один из них не дал положительного результата.

Я ищу нечто похожее на то, что показано здесь: https://css-tricks.com/rotated-table-column-headers/

В настоящее время используется: Angular 7 ag-grid-angular 21.2.2 ag-grid-community 21.2.2


ag-grid ag-grid-angular
person cyndeec    schedule 13.01.2020    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Я предполагаю, что ваша таблица содержится в угловом компоненте. Попробуйте обернуть стили, которые вы хотите применить, директивой ng-deep следующим образом:

::ng-deep {
    .your-style {
    }
}
person cacatua_box    schedule 22.07.2020