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

[Solved] Grid Selectable and Groupable not working in Chrome

6 Answers 261 Views

Grid

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

Pierre asked on 11 Dec 2012, 10:43 AM

Hello,

Please see this fiddle http://jsfiddle.net/ptrinephi/vWHzs/3/
It's the default kendoUI Basic Usage demo at http://demos.kendoui.com/web/grid/index.html with 1 modification:
I've added selectable: true to the grid:

$(document).ready(function() {

$("#grid").kendoGrid({

dataSource: {

data: createRandomData(50),

pageSize: 10

},

selectable: true,

groupable: true,

sortable: true,

pageable: {

refresh: true,

pageSizes: true

},

columns: [{

field: "FirstName",

width: 90,

title: "First Name"},

{

field: "LastName",

width: 90,

title: "Last Name"},

{

width: 100,

field: "City"},

{

field: "Title"},

{

field: "BirthDate",

title: "Birth Date",

template: '#= kendo.toString(BirthDate,"dd MMMM yyyy") #'},

{

width: 50,

field: "Age"}

]

});

Everything works properly when run in IE (8,9,10), FF 17, Safari 5 and Opera 12. You can select rows on the grid.

Run in Chrome 23:
1.Row selection does not work! Click on any row and nothing happens.
2.You can only drag 1 column to the group header. Drag a second column to the group header and nothing happens.

Thanks.

PT

6 Answers, 1 is accepted

Accepted