将标头旋转 45 度

Question

需要创建 ag-grid，其中列标题旋转 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

Answer 1

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

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