Slickgrid - Wordwrap column headers in IE7

Question

Is there a way to crop 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!

+1

ganeshk Feb 01 '12 at 15:34

2 answers

Works great !!!

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

If two grids are created, and only one of them has a long title text.

+1

kpshak Sep 28 '12 at 11:11

ganeshk · Accepted Answer · 2012-04-15T02:09:36+0000

I solved this by editing 2 css tags:

In slick-default-theme.css:

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

heighthere is customizable according to your needs. It was good to display 3 lines.

In slick.grid.csschange the settings heightin the tag below to 100%:

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