displaying grid header in two lines

[bhaskar1605]

Hi,

How to display grid column header in two lines instead of single line.


Thanks,
Bhaskar.

[Animal]

Tried putting <br/> in your header?

[bhaskar1605]

Thnks, Already i have tried putting <br/> , but im getting white color row on the top of the entire heading row because of putting <br/>.

[Animal]

It works fine for me. I just changed the array-grid.js example to have

            {header: "Last<br/>Updated", width: 85, sortable: true, renderer: Ext.util.Format.dateRenderer('m/d/Y'), dataIndex: 'lastChange'}

And it showed it across 2 lines.

[bhaskar1605]

I have attached , what i am getting the headers error.

[Animal]

I can JUUUST make out from that tiny, blurry image that you are doing something non-standard.

It's up to you really, it's just HTML, so if you want a line break, put a line break in.

We need to see your code to see what you are doing.

[madmaxmatze]

The <br> workaround works fine (I'm using Extjs 4.0)

The header just looks strange if the column is right aligned and sorting is used. Do you have a solution for this?