Multicolumn Grid Header Aligment

3 posts, 0 answers
  1. Ade
    Ade avatar
    3 posts
    Member since:
    Nov 2011

    Posted 10 Aug 2017 Link to this post

    How to create Alignment of Column Text Header at Middle of merge Row

     

    See Picture

  2. Viktor Tachev
    Admin
    Viktor Tachev avatar
    2470 posts

    Posted 14 Aug 2017 Link to this post

    Hello Ade,

    Centering the text in the header cells can be achieved with a bit of additional CSS. The CSS rule below would center the text in the header cells of the Grid.

    .k-grid-header .k-grid-header-wrap th.k-header {
        text-align:center;
        vertical-align: middle;
    }


    Furthermore, you can see the CSS in action in the following dojo example:




    Regards,
    Viktor Tachev
    Progress Telerik
    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.
  3. Ade
    Ade avatar
    3 posts
    Member since:
    Nov 2011

    Posted 14 Aug 2017 Link to this post

    Thank You ... 

    I understand that Kendo UI uses css style model

     

Back to Top