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

2024-03-31

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

现在它正在这样做:

《总结一 总结二》

我希望它这样做:

” 总结一
总结二”

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

谢谢, 詹姆士


您可以使用cellRenderer为了达成这个。

看看下面colDef.

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

您可能需要设置rowHeight in gridOptions以及。

实例:Plunk https://plnkr.co/edit/zJxGN1?p=preview

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

AG-Grid - 如何在单元格数据中插入换行符 的相关文章

随机推荐