Wordwrap for column header in kendo pivotgrid not working

[Krishnan]

WordWrap is not happening in the column header of Kendo PivotGrid. I tried applying the following CSS to have word-wrap but it is not happening properly instead it is crossing the vertical column line and displayed in the next column. Instead my requirement is to display it in the next line of the same column.

Please find the snapshot for more details.

I tried applying following CSS to do wordwrap but it is not working 

.k-pivot .k-grid-header .k-header

{

    word-wrap: break-word !important; overflow: visible;

}

Any ideas what changes need to be done?

[Tsvetina]

Hi Krishnan,

You can use the same approach as the one described in this forum thread for the Grid widget. Just add these styles to your page:

.k-grid  .k-grid-header  .k-header  .k-link {
    height: auto;
}

.k-grid  .k-grid-header  .k-header {
    white-space: normal;
}

Regards,
Tsvetina
Telerik by Progress