javascript - 如何锁定 Kendo UI Vue Grid 中的列( native )

Question

我正在尝试使用 Native Grid 将列固定/锁定到左侧

我想避免使用 Wrapper，因为我的表是由最终用户动态配置的。问题是属性 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 Grid( native )中的锁定列，您可以查看此 stackblitz example 中的演示.

(初始答案)锁定列在新的 Kendo Native(不依赖于 jQuery)Vue Grid 中尚不可用，但它们已经处于“准备测试”状态，可能会在下周提供。此功能推出后，我会更新我的答案。