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获得的