angular - 是否可以在剑道角度网格中设置行号?
问题描述
我正在使用剑道角度网格来显示我的数据。但我需要RowNumber
在每一行都有一个。我搜索但没有找到任何解决方案。是否可以设置行号?
这是我的代码:
@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;
}
解决方案
您可以添加这样的列:
<kendo-grid-column >
<ng-template kendoGridCellTemplate let-rowIndex="rowIndex">
{{rowIndex}}
</ng-template>
</kendo-grid-column>
推荐阅读
- autohotkey - 如何从 AutoHotKey 中的当前日期减去一小时?
- c++ - 在 Qt5 中实现基于单元的小部件
- javascript - Javascript:基于子数组元素的排序数组包含字符串日期
- wpf - log4net 记录器根据配置记录意外级别
- c - 原始套接字发送和接收
- c++ - Boost C++,如何检查是否有人连接到另一端的串口
- php - 如何在单个网页上调用不同的 php 文件?
- scala - 返回数据时如何检查无
- python - 如何创建 Tkinter LabelFrame 类?
- progressive-web-apps - 安装 PWA 后关闭浏览器窗口并打开 PWA