标头中有新行

Question

如何在标题文本中添加新行？我尝试了以下解决方案，但这只是将文字自动换行。我需要做的是强迫新生产线

.ag-header-cell-label {
    text-overflow: clip;
    overflow: visible;
    white-space: normal;
}

在我的html中，我添加了

[headerHeight]="48"

在handsontable中，可以通过添加<br>标题文本来轻松完成此操作，但是在ag-grid中将无法使用。

Answer 1

我尝试过并且有效的完美是

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

和标题

headerName: "Model \n test", 

\n用于新行并white-space: pre-wrap !important;保留换行符。

这是示例https://jsfiddle.net/z63vt14d/

Answer 2

在最新的 AG 网格版本中，您必须使用setFloatingFiltersHeight属性。下面给出的示例，或者您可以按照https://www.ag-grid.com/javascript-grid-column-header/（链接中的动态标题高度示例）。

您可以在网格就绪功能上设置此属性。

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