Wordwrap for column header in kendo pivotgrid not working

2 posts, 0 answers
  1. Krishnan
    Krishnan avatar
    10 posts
    Member since:
    May 2016

    Posted 09 Feb Link to this post

    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?

  2. Tsvetina
    Admin
    Tsvetina avatar
    2046 posts

    Posted 13 Feb Link to this post

    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
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top