ag-grid - 将标题旋转 45 度

Question

需要以 45 度角创建带有旋转列标题的 ag-grid。该列应该足够宽以放置复选标记。

我尝试使用此处提供的示例:https://www.ag-grid.com/javascript-grid-column-header/#textOrientation

plunker 不适用于 Angular，并且示例代码无法加载。

示例中提供的 CSS 不显示整个标题。标题的高度限制为 25 像素。标题呈 45 度角，但只能看到几个字母。我还尝试使用 setHeaderHeight() 和 headerHeight，但都没有提供任何积极的结果。

我想要的是类似于这里看到的东西:https://css-tricks.com/rotated-table-column-headers/

目前使用:
角 7
ag-grid-angular 21.2.2
ag-grid-community 21.2.2

Answer 1

我假设您的表格包含在一个角度组件中。尝试使用 ng-deep 指令包装要应用的样式，如下所示:

::ng-deep {
    .your-style {
    }
}