是否可以在剑道角度网格中设置行号?

问题描述 投票:1回答:1

我正在使用剑道角网格来显示我的数据。但我需要在每一行中都包含一个RowNumber。我进行了搜索,但没有找到解决方案。可以设置行号吗?

Kendo Angular Grid (documentation)

这是我的代码:

@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;
}
angular kendo-ui-angular2 kendo-ui-grid
1个回答
2
投票

您可以添加这样的列:

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

stackblitz

© www.soinside.com 2019 - 2024. All rights reserved.