标头中有新行

Question

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

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

在我的html中，我添加了

[headerHeight]="48"

在动手操作中，可以通过在标题文本中添加<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/a6Lp5e9k/

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
}