AG-Grid - 如何在我的单元格数据中插入换行符

【问题标题】：AG-Grid - How to insert a line break into my cell dataAG-Grid - 如何在我的单元格数据中插入换行符
【发布时间】：2018-08-08 21:15:15
【问题描述】：

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

现在它正在这样做：

“总结一总结二”

我希望它这样做：

《总结一》
总结二”

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

谢谢，詹姆斯

【问题讨论】：

【解决方案1】：

您可以使用cellRenderer 来实现此目的。

看看下面colDef。

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

您可能还需要在gridOptions 中设置rowHeight。

现场示例：Plunk

【讨论】：