Slickgrid - Wordwrap Column Headers In Ie7

is there a way to word-wrap Slickgrid column headers in IE7? I have about 20+ columns in the grid - and almost all columns have 2 or more words. Thanks for the help!

Solution 1:

I solved this by editing 2 css tags:

In slick-default-theme.css:

.slick-header-columns {
    white-space: pre !important;
    height: 45px;
}

The height here is adjustable to your needs. This was good to display 3 lines.

In slick.grid.css, change the height settings on the below tag to 100%:

.slick-header-column.ui-state-default {
    ...
    height: 100%;
    ...
}

Solution 2:

Works perfect!!!

.slick-header-columns {
    white-space: pre !important;
    height:100%;
}

If two grids are created and only one of them has got long header text.