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 2017 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
    Tsvetina avatar
    2481 posts

    Posted 13 Feb 2017 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;

    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