How to rearrange KendoGrid Tab Order?

Question

I'm using a KendoGrid and doing a inline batch edit. Only a select few columns are editable. When hit tab the next column selected but it is not the next editable column. Is there a way to control the tab order in a KendoGrid? How would I make the tabs skip columns that are not editable? My Mark-UP: ```

``` My Javascript: ``` var goalsDataSource = new kendo.data.DataSource({ transport: { read: { url: '/MVC/ResearcherPoints/GetEmployeeResearchers', type: 'POST', contentType: 'application/json' }, update: { url: '/MVC/ResearcherPoints/UpdateEmployeeGoal', type: 'POST', contentType: 'application/json' //dataType: "jsonp" }, parameterMap: function (options, type) { debugger; $.extend(options, { ID: options.id }); return JSON.stringify(options); } }, batch: false, schema: { model: { id: 'ID', fields: { id: { editable: false, nullable: false }, FirstName: { editable: false, nullable: true }, LastName: { editable: false, nullable: true }, Title: { editable:…

Accepted Answer

To skip cell you need to use `tabindex="99999"`

I created a jsfiddle for testing purposes: http://jsfiddle.net/danieltulp/kfG7y/

I think you need to look at using attributes: { tabindex: "999999" } in

```
{ field: "UnitsInStock", title: "Units In Stock", width: 110,  attributes: { tabindex: "999999" } }
```

but this doesn't seem to work. Anyone a better idea?

Perhaps this just isn't possible?

How to rearrange KendoGrid Tab Order?

Solution

Problem