可以在剑道角网格中设置行号吗

Question

我正在使用剑道角度网格来显示我的数据。但我需要在每一行中都有一个CCD_ 1。我搜索了一下，但没有找到任何解决方案。可以设置行号吗？

剑道角网格(文档(

这是我的代码：

@Component({
selector: 'my-app',
template: `
<kendo-grid [data]="gridData" [height]="410">
<kendo-grid-column field="ProductID" title="ID" width="40">
</kendo-grid-column>
<kendo-grid-column field="ProductName" title="Name" width="250">
</kendo-grid-column>
<kendo-grid-column field="Category.CategoryName" title="Category">
</kendo-grid-column>
<kendo-grid-column field="UnitPrice" title="Price" width="80">
</kendo-grid-column>
<kendo-grid-column field="UnitsInStock" title="In stock" width="80">
</kendo-grid-column>
<kendo-grid-column field="Discontinued" title="Discontinued" width="120">
<ng-template kendoGridCellTemplate let-dataItem>
<input type="checkbox" [checked]="dataItem.Discontinued" disabled/>
</ng-template>
</kendo-grid-column>
</kendo-grid>
`
})
export class AppComponent {
public gridData: any[] = products;
}

Answer 1

您可以添加这样的列：

<kendo-grid-column >
<ng-template kendoGridCellTemplate let-rowIndex="rowIndex">
{{rowIndex}} 
</ng-template>
</kendo-grid-column>

堆叠式

Answer 2

您可以添加以1 开头的列

<kendo-grid-column title="Serial Number">
<ng-template kendoGridCellTemplate let-rowIndex="rowIndex">
{{rowIndex+1}}
</ng-template>
</kendo-grid-column>