对于 Angular Kendo UI 中的一个或多个网格列禁用排序

Disable sorting on one or more grid columns in Kendo UI for Angular

我正在尝试 Kendo UI Angular 并且似乎无法找到一种简单的方法来禁用对网格的特定列进行排序。

sort-settings.d.ts中有一个allowUnsort,但我不确定如何使用它(这似乎与之后删除排序有关,而不是从一开始就删除排序)。

或者我只是用错了网格,这也是可能的..

我的情况如下:

我正在尝试使用网格来显示一些行,并且根据数据类型,它应该在第一列中呈现不同的图标。此外,我没有在该列中使用 'real' header,而是将其替换为创建新行的按钮。

为了在 header 中获取我的按钮,我使用了 <template kendoGridHeaderTemplate ...>...</template>。如果启用 sortable,这似乎总是在 header 单元格周围添加一个 link,这是我试图避免的(在某些情况下)。

有办法解决这个问题吗?

为 Grid 组件设置 [sortable]="true" 将启用全局排序。然后你可以 fine-tune 哪一列有排序通过每列禁用它,即 [sortable]="false"

这是一个简单的例子: http://plnkr.co/edit/hLbzC5jKJwVdMtRmh0cH?p=preview