grid - 剑道 UI 网格卡住列

Question

kendo ui 网格不支持卡住列。如果有人可以帮助定制剑道网格卡住列的脚本，将不胜感激。有什么建议么？

列: [ ]

Answer 1

Kendo UI Grid 将在下一个正式版本 - 2014 年第一季度支持卡住列。在此之前，我能给您的最佳建议是使用绑定(bind)到同一数据源的两个网格。

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
});

这个和一些 CSS 魔法会模拟卡住列的外观: http://jsbin.com/uCEQOCi/1/edit

不过有一个警告。只有弹出编辑模式才能在这种情况下工作。