带有ngFor的Kendo网格列

Question

我有这段代码

   <kendo-grid-column title="{{localizationKeys.adempimenti.organizzazione.responsabile}}" field="addettiGrid">
                        <li *ngFor="let addetto of addettiGrid; let i=index">
                            <div>{{addetto}}</div>
                        </li>
                    </kendo-grid-column>

问题是数据来自“字段”而不是我的ngFor。

如何解决这个问题？

Answer 1

您需要在ng-template组件中添加kendoGridCellTemplate kendo-grid-column指令，以提供您自己的列呈现方式。

一个例子是

<ng-template kendoGridCellTemplate column="column" let-dataItem let-columnIndex="columnIndex">
            <div> <a (click)="navigateToItem(dataItem);">{{ dataItem[column.field] }}</a></div>
</ng-template>

更多信息：https://www.telerik.com/kendo-angular-ui/components/grid/columns/templates/