This is a migrated thread and some comments may be shown as answers.

Kendo grid column header

1 Answer 489 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Larissa
Top achievements
Rank 1
Larissa asked on 17 Feb 2016, 05:34 PM

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).

1 Answer, 1 is accepted

Sort by
0
Dimiter Madjarov
Telerik team
answered on 18 Feb 2016, 01:24 PM

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!
 
Tags
Grid
Asked by
Larissa
Top achievements
Rank 1
Answers by
Dimiter Madjarov
Telerik team
Share this question
or