如何使Kendo Grid中的列在列菜单中不可移动

Question

我有一个列始终希望在网格中呈现，但是我还有其他列希望允许用户打开和关闭。我正在努力在kendo-grid-column组件上找到一个设置，将该设置作为选项删除。

我想从列菜单中删除“操作”列。我尝试过可编辑的false，锁定等，但找不到从列选择器选项中将其删除的内容。

  <kendo-grid-column
    [width]="200"
    [columnMenu]="false"
    [resizable]="false"
    [editable]="false"
    id="actions-col"
    field="actions"
    title="Actions"
  >

Answer 1

我不知道可以直接执行此操作的任何属性。但是，您仍然可以使用columnMenuInit事件来隐藏一些菜单项：

columnMenuInit(e) {
   //Hides the ShipCountry column
   //HiddenMenuItem set display: none!important
   e.container.find('li.k-columns-item').find('input[data-field="ShipCountry"]').closest("li").addClass("HiddenMenuItem");
}

在此示例中，我无法直接使用CSS显示任何内容，因为Kendo将覆盖它，并且我们无法将其从DOM中删除，因为如果找不到它，网格将引发错误。因此，这就是为什么我正在使用HiddenMenuItem类。