Kendo UI Grid Frozen Column

fixed, freeze, grid, kendo-ui, multiple-columns

Solution

Kendo UI Grid will support frozen columns in the next official release - Q1 2014. Until then the best suggestion I can give you is to use two grids bound to the same data source.

var dataSource = new kendo.data.DataSource({
  /* snip */  
});

$("#frozen").kendoGrid({
  dataSource: dataSource,
  columns: [
    "OrderID"
  ],
  height: 200,
  sortable: true
});

$("#grid").kendoGrid({
  dataSource: dataSource,
  height: 200,  
  columns: [
    { field: "Freight", width: 100 },
    { field: "ShipName", width: 200 },
    { field: "OrderDate", width: 200, format: "{0:d}" },
    { field: "ShipCity", width: 200 }
  ],
  sortable: true
});

This and some CSS magic would simulate the frozen column appearance: http://jsbin.com/uCEQOCi/1/edit

There is a caveat though. Only popup editing mode will work in this scenario.

Problem

kendo ui grid is not supporting frozen columns. it would be appreciate if someone could help for customized script for kendo grid frozen columns. any suggestions? columns: [ ]

Original source