【问题标题】:adding a new line in column header of angular ui-grid在角度 ui-grid 的列标题中添加新行
【发布时间】:2016-02-26 18:10:22
【问题描述】:

我正在尝试向 ui-grid 中的列标题添加新行,但没有找到实现此目的的方法。尝试搜索文档以及谷歌很多但没有用。有人可以在这方面帮助我吗?

这里是 plunker:http://plnkr.co/edit/ZkbGvLe9myc3nB5riaAE?p=preview

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

我正在尝试在名称和可编辑之间添加新行。

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

【问题讨论】:

  • 看起来您正在寻找类似的东西,对吧? stackoverflow.com/questions/28730621/…
  • 是的..因为我使用的是 ui-grid CDN,所以我现在不想创建我的样式..无论如何..我现在从@shagrin 得到答案

标签: html angularjs web angular-ui-grid


【解决方案1】:

你可以使用 headerCellTemplate,最简单的是:

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

Here is the link 到 ui-grid 的完整标题单元格模板,您可以自定义它。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-07-11
    • 1970-01-01
    相关资源
    最近更新 更多