无法在自定义复选框 kendo-grid-checkbox-column 中显示全选答案

【问题标题】：Cannot show select all in custom checkbox kendo-grid-checkbox-column无法在自定义复选框 kendo-grid-checkbox-column 中显示全选
【发布时间】：2020-11-30 03:27:16
【问题描述】：

我正在使用 angular 和 kendo，在列标题中显示全选时遇到问题。这是我的代码：

app.component.html

...
<kendo-grid 
    scrollable="virtual"
    [height]=500
    [data]="data"
>
    <kendo-grid-column field="" title="No">
        <ng-template kendoGridCellTemplate let-rowIndex="rowIndex"><p>{{ rowIndex + 1 }}</p></ng-template>
    </kendo-grid-column>
    <kendo-grid-column field="item" title="{{ 'COMMON.LABEL.FUNCTION_AUTHORITY' | translate }}">
    <kendo-grid-checkbox-column field="" title="Check all" showSelectAll="true">
        <ng-template kendoGridCellTemplate let-dataItem>
            <input type="checkbox" kendoCheckBox [ngModel]="dataItem.check" />
        </ng-template>
    </kendo-grid-checkbox-column>
</kendo-grid>
...

app.component.ts

import { data} from './data';
...
data: any[] = data;
...

data.ts

export const data = [
    {name: "item1", check: true},
    {name: "item2", check: false},
    {name: "item3", check: false},
    {name: "item4", check: true},
    {name: "item5", check: true}
];

我在我的项目中执行此代码，但它没有在列标题中显示全选。请帮助我，对不起我的英语不好。

【问题讨论】：

标签： javascript angular typescript kendo-ui kendo-grid

【解决方案1】：

现在我找到了我的问题的答案，只需要删除 kendoGridCellTemplate，所以我的代码

<kendo-grid-checkbox-column field="" title="Check all" showSelectAll="true">
    <ng-template let-dataItem>
        <input type="checkbox" kendoCheckBox [ngModel]="dataItem.check" />
    </ng-template>
</kendo-grid-checkbox-column>

它工作

【讨论】：