kendo-uikendo-gridfrozen-columns

kendo grid frozen navigation


I've a kendo grid with Navigatable option, and the grid navigation is working fine when I press Tab. But when I make some columns in grid as locked (frozen columns), the grid navigation is not working as expected. The navigation is working for only frozen columns and then for unfrozen columns.

@(Html.Kendo().Grid<ProcessModel>()
      ...
  .Navigatable())

dojo.telerik.com/@joeTopazz/ODEbA

Thanks in Advance.


Solution

  • When the Grid has its keyboard navigation enabled, tabbing inside the widget is managed only when incell editing is used. In your example with inline editing, tabbing is managed by the browser and the observed behavior is expected due to the separate tables used for the locked and unlocked columns.

    To achieve the desired tabbing order, use incell editing, or set a tabindex for all buttons and inputs from the edit row in the Grid's edit event:

    http://dojo.telerik.com/EVuNe

    $("#grid").kendoGrid({
        navigatable: true,
        editable: "inline",
        edit: function(e){
            e.sender.wrapper
                .find(".k-grid-edit-row input,.k-grid-edit-row a")
                .attr("tabindex", 1);
        }
    });