ExtJS: multi-line grid headers and cells

01st April 2011 in Programming

By default ExtJS grids don't allow text in headers and cells to wrap by setting white-space:nowrap in ExtJS stylesheet.

So to make header text wrap override the default css with:

.x-grid3-hd-inner { white-space: normal; }

And for the cells:

.x-grid3-cell-inner { white-space: normal; }

For both:

.x-grid3-hd-inner, .x-grid3-cell-inner { white-space: normal; }