AG-Grid

Question

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

现在它正在这样做：

"Summary One Summary Two"

我希望它这样做：

》总结一
总结二

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

谢谢，詹姆斯

Answer 1

您可以使用 cellRenderer 来实现。

看看下面colDef。

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

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

实例：Plunk

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