Multiple header rows

10 posts, 0 answers
  1. StevenDale
    StevenDale avatar
    100 posts
    Member since:
    Apr 2007

    Posted 28 May 2013 Link to this post

    Is it possible to have multiple header rows like the following attached image?

    Thanks,
  2. Dimo
    Admin
    Dimo avatar
    8333 posts

    Posted 29 May 2013 Link to this post

    Hi Billy,

    I am afirad the Grid does not support multiline headers. Theoretically, the shown look can be achieved by using header and column templates, but this will prevent you from using sorting and filtering on each third-level column. That's why I recommend you to place the first-line and second-line header labels above the Grid and align the header cells and "fake" headers.

    Regards,
    Dimo
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Kendo UI is VS 2017 Ready
  4. Insomniac82
    Insomniac82 avatar
    18 posts
    Member since:
    Aug 2008

    Posted 17 Jul 2013 Link to this post

    I've added an additional column header row to my grid by adding the following after the grid declaration.
    <script type="text/javascript">
         $(document).ready(function () {
              $("#Grid").find("thead").first().prepend("<tr><th class='k-header' style='text-align: center;font-weight:600' colspan='13'>Device</th><th class='k-header' colspan='10'>Command</th></tr>");
    });
    </script>

    The only thing that doesn't seem to work correctly is the column resizing.  The grid assumes that the first row is the resizing row.  How can I tell the grid to use the second row for column resizing?
  5. Dimo
    Admin
    Dimo avatar
    8333 posts

    Posted 17 Jul 2013 Link to this post

    Hello,

    I am afraid there is no way for the Grid to distinguish between the two header rows. You need to sacrifice the column resizing functionality in order to have multicolumn headers in this scenario.

    Regards,
    Dimo
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  6. Stan
    Stan avatar
    13 posts
    Member since:
    Sep 2012

    Posted 18 Mar 2014 in reply to Dimo Link to this post

    Is this still unavailable?
  7. Dimo
    Admin
    Dimo avatar
    8333 posts

    Posted 19 Mar 2014 Link to this post

    Hello Stan,

    Yes, multirow headers are still unsupported, but we are currently researching on the development of a pivot grid, which is a related task. As a result, this feature may be introduced in the foreseeable future, but excluding Q2 2014. You can keep an eye on our roadmap, which is updated within a month after each major release. (By the way, Q1 2014 is to be released this week.) 

    http://www.telerik.com/support/whats-new/kendo-ui-web/roadmap

    Regards,
    Dimo
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  8. Michael
    Michael avatar
    5 posts
    Member since:
    Jun 2013

    Posted 28 Apr 2014 in reply to Dimo Link to this post

    Hello Dimo, 

    We are also looking for some solution that will help us to use Multiple header rows in the Grid or in PivotGrid. 

    Is it possible to give us some estimation when it is going to be implemented? Unfortunately the link to road map you provided is empty.

    Thank you,

    Michael Menzel
  9. Dimo
    Admin
    Dimo avatar
    8333 posts

    Posted 29 Apr 2014 Link to this post

    Hello Michael,

    Multirow headers will be available in the Pivot Grid, which we are currently developing with the idea of releasing it for Q2 2014. We may port the implementation for the standard Grid for subsequent releases, but I am afraid I can't provide official information about the timing and probability at this point.

    Regards,
    Dimo
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  10. Robert
    Robert avatar
    1 posts
    Member since:
    Sep 2012

    Posted 29 Oct 2014 in reply to Dimo Link to this post

    Any news on this topic?

    Best regards
       Robert
  11. Dimo
    Admin
    Dimo avatar
    8333 posts

    Posted 30 Oct 2014 Link to this post

    The discussed functionality has been implemented.

    http://www.telerik.com/support/whats-new/kendo-ui/release-history/q3-2014-beta

    http://demos.telerik.com/kendo-ui/Beta/grid/multicolumnheaders

    http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#configuration-columns.columns

    Regards,
    Dimo
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
Back to Top
Kendo UI is VS 2017 Ready