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

Question

I am trying to add new row to the column header in ui-grid but not finding a way to achieve this. Tried searching the documentation as well as the google a lot but of no use. Can any one please help me in this regard.

Here is the plunker: http://plnkr.co/edit/ZkbGvLe9myc3nB5riaAE?p=preview

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

I am trying to add new line here between name and editable.

Also is it possible to span the column in ui-grid (I should be able to export the data also in same format.. according to the already bug opened, it is not possible but has anyone tried it?)

looks like your looking for something like this right? stackoverflow.com/questions/28730621/… — Rarepuppers
– Rarepuppers, Commented Feb 26, 2016 at 6:02
Ya..since I am using ui-grid CDN, so I dont want to create my styling now.. anyway..I got answer now from @shagrin — undefined
– undefined, Commented Feb 26, 2016 at 6:18

Kamila · Accepted Answer · 2016-02-26 06:09:15Z

1

You can use headerCellTemplate, the simplest would be:

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

Here is the link to full header cell template from ui-grid, you can customize it.

answered Feb 26, 2016 at 6:09

Kamila

3995 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

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

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related