在AgGrid中右对齐列标题

Question

我正在尝试对齐AgGrid中的列标题。我知道如何使用IHeaderAngularComp实现自定义标头组件，并提供自己的模板，然而，对于一些应该是琐碎的事情，这似乎需要做大量的工作。

https://stackblitz.com/edit/angular-ag-grid-angular-ebvgjb

将价格列标题对齐，使其与单元格内容匹配。

我正在使用以下库。

“ag-网格-角”："21.2.1“

“农业-网格-社区”："21.2.1“

Answer 1

您需要对css文件进行以下2项更改才能实现.因为有一个小汉堡菜单，可以看到在悬停也。

::ng-deep .ag-cell-label-container{flex-direction: row}
::ng-deep .ag-header-cell-label { flex-direction: row-reverse; }

分叉你的这里有了这样的变化

Answer 2

如果希望所有列标题都向右对齐：

defaultColDef: { headerClass: "ag-right-aligned-header"}

如果希望单个列标题向右对齐：

{ headerName: "name", field: "field", headerClass: "ag-right-aligned-header" }

Answer 3

工作堆闪电战通过在headerComponentParams中定义模板来修正。