Question

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!

Answer 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%;
    ...
}