6

我是 AG-Grid 的新手,如果这是一个愚蠢的问题,请原谅我。我们在 Angular 5 应用程序中使用 OSS 版本的 Ag-Grid。我有一个专栏,我在其中组合了两组汇总数据并显示它们。我想在两段文本之间换行。

现在它正在这样做:

《总结一总结二》

我希望它这样做:

《总结一
总结二》

到目前为止,我已经尝试过 HTML 中断标记,\r\n 和只是 \n,但没有任何效果。这可能吗?

谢谢,詹姆斯

4

1 回答 1

11

您可以使用cellRenderer来实现这一点。

看看下面colDef

{
  headerName: "Custom column", 
  cellRenderer: function(param){
    return param.data.col1 + '<br/>' + param.data.col2;
  }
}

您可能还需要设置rowHeightgridOptions

活生生的例子:Plunk

于 2018-03-01T10:17:08.350 回答