如何在Kendo UI Vue Grid中锁定列（本机）

Question

我正在尝试使用 Native Grid

将列固定/锁定到左侧

我想避免使用包装器，因为我的表是由最终用户动态配置的。问题在于属性locked似乎被完全忽略了。

HTML

<Grid ref="grid" 
  :style="{height: 'auto'}" 
  :data-items="items" 
  :resizable="true" 
  :columns="columns" 
  :edit-field="'inEdit'"></Grid>

数据

items = [
  {"column1": "1", "inEdit": true},
  {"column1": "2", "inEdit": true},
  {"column1": "3", "inEdit": true}
];
columns = [{
    "minResizableWidth": 50,
    "width": 100,
    "title": "Column 1",
    "field": "column1",
    "sortable": true,
    "editable": true,
    "locked": true,
    "editor": "text"
  },
  {
    "minResizableWidth": 50,
    "width": 200,
    "title": "Column 2",
    "field": "column2",
    "sortable": true,
    "editable": true,
    "editor": "text"
  },
  {
    "minResizableWidth": 50,
    "width": 200,
    "title": "Column 3",
    "field": "column3",
    "sortable": true,
    "editable": true,
    "editor": "text"
  }
];

结果：

Answer 1

刚刚发布的Kendo UI Vue网格（本机）中的锁定列，您可以在此stackblitz example中查看演示。

（初始答案）锁定列在新的Kendo Native（不取决于jQuery）Vue Grid中尚不可用，但它们已经处于“准备测试”状态，下周可能会可用。此功能发布后，我将更新我的答案。