在 angular ui-grid 的 header 列中添加新行

Question

我正在尝试向 ui-grid 中的 header 列添加新行，但没有找到实现此目的的方法。尝试搜索文档以及 google 很多但没有用。任何人都可以在这方面帮助我。

{name: 'name', displayName: 'Name \n(editable)' },

我正在尝试在 name 和 editable 之间添加新行。

也可以跨越 ui-grid 中的列（我应该也能以相同的格式导出数据..根据已经打开的错误，这是不可能的，但有人试过吗？)

Answer 1

你可以使用headerCellTemplate，最简单的是：

{ name: 'name', headerCellTemplate: '<div class="">Name <br>(editable)</div>' },

Here is the link 到 ui-grid 的完整 header 单元格模板，您可以对其进行自定义。

adding a new line in column header of angular ui-grid