Kendo grid column header

2 posts, 0 answers
  1. Larissa
    Larissa avatar
    19 posts
    Member since:
    Dec 2015

    Posted 17 Feb 2016 Link to this post

    I'm working with Kendo UI Grid and I want to know if it is possible to have both column and row headers, like this:

     

                          colHeader1    colHeader2    colHeader3

    rowHeader1

    rowHeader2

    rowHeader3

     

    My grid:

    $("#dataGrid").kendoGrid({

        editable: true,

       columns: [{ field: "name", title: "Name" },{ field: "age", title: "Age" }],

       dataSource: _dataSource()});

    var _dataSource = function () {

       return new kendo.data.DataSource({

                    transport: { read: { type: "GET", crossDomain: true, url: url + "person", dataType: "json"}},

                     schema: { data: "data", total: "total"}});};

    My grid datasource will always have 30 records (fixed).

  2. Dimiter Madjarov
    Admin
    Dimiter Madjarov avatar
    2312 posts

    Posted 18 Feb 2016 Link to this post

    Hello Larissa,

    The behavior is not officially supported, but could be simulated with a template column defined in the beginning of the row. Here is an example that demonstrates the approach in action.

    Regards,
    Dimiter Madjarov
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
Back to Top