Ag grid 标题中的新行

Ag grid 标题中的新行,ag-grid,Ag Grid,如何在标题文本中添加新行?我尝试了下面的解决方案,但这将只是文字换行。我需要做的是强制新线路 .ag-header-cell-label { text-overflow: clip; overflow: visible; white-space: normal; } 在我的html中,我添加了 [headerHeight]="48" 在最新的AG网格版本中,您必须使用setFloatingFiltersHeight属性。下面给出的示例或您可以遵循的示例(链接中的动态收

如何在标题文本中添加新行?我尝试了下面的解决方案,但这将只是文字换行。我需要做的是强制新线路

.ag-header-cell-label {
    text-overflow: clip;
    overflow: visible;
    white-space: normal;
}
在我的html中,我添加了

[headerHeight]="48"

在最新的AG网格版本中,您必须使用setFloatingFiltersHeight属性。下面给出的示例或您可以遵循的示例(链接中的动态收割台高度示例)

您可以在grid ready函数上设置此属性

onGridReady(params) {
    params.api.setFloatingFiltersHeight(35) // put height as per your need
}

我所尝试过的,并且效果完美的是

.ag-header-cell-label .ag-header-cell-text {
   white-space: pre-wrap !important;
}
和标题

headerName: "Model \n test", 
\n
对于新行和
空白:预换行!重要的以保留换行符


这是我不得不使用的例子

@mattliu!为了实现您可能期望的更改,这一点很重要:看起来该示例使用的是ag grid 16,因此它尊重放置在headerName中的标签。这在ag grid 20+中不再有效。下面是github的一个问题,他们讨论了在标题中清除html。看起来他们在19.1.1中删除了此功能。如果我有一个headerName“AB”,并且我希望“B”位于换行符上,那么使用setFloatingFiltersHeight属性如何帮助完成此操作?回答不正确
setFloatingFiltersHeight
更改收割台下方过滤条的高度,而不是收割台本身的高度。您应该使用方法
setHeaderHeight
。上面的链接中也提到了它。您可以像AB一样编写\n B在该JSFIDLE中使用了哪个版本的ag grid?我很难找到版本的详细信息。V21.1.0是从js获得的