kendo-angular2中的自定义列
我正在开发Kendo-angular2网格,并计划在其中设置自定义列。网格结构如下所示。但对于某些列,我需要自定义样式kendo-angular2中的自定义列,angular,kendo-ui-angular2,Angular,Kendo Ui Angular2,我正在开发Kendo-angular2网格,并计划在其中设置自定义列。网格结构如下所示。但对于某些列,我需要自定义样式 <kendo-grid [kendoGridBinding]="gridData" [pageSize]="10" [pageable]="true" [sortable]="true" [groupable]="true" [height]="370"> <template ngFor [ngForOf]="columns" let-column&
<kendo-grid [kendoGridBinding]="gridData" [pageSize]="10" [pageable]="true" [sortable]="true" [groupable]="true" [height]="370">
<template ngFor [ngForOf]="columns" let-column>
<kendo-grid-column field="{{column}}"></kendo-grid-column>
</template>
</kendo-grid>
您可以使用kendoGridCellTemplate实现它
<kendo-grid [kendoGridBinding]="gridData">
<kendo-grid-column *ngFor="let column of columns" [field]="column">
<template kendoGridHeaderTemplate let-column let-columnIndex="columnIndex">
<span [class.special]="column.field === 'CompanyName'"> {{column.field}}({{columnIndex}})</span>
</template>
<template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">
<span [class.special]="column === 'CompanyName'"> {{dataItem[column]}}</span>
</template>
</kendo-grid-column>
</kendo-grid>
{{column.field}}({{columnIndex}})
{{dataItem[列]}
有关更多信息:
Plunker:他们希望有一些自定义列,而不是自定义单元格。我正在查找的stom列可能会是这样的,在我的网格中,我正在查找一个值以粗体显示的列。和/或列的数据具有不同的颜色。在这里,我如何为需要特殊样式的列名指定“If”条件。特殊的样式是针对列的内容,而不是列标题。在那里,我编辑了答案,添加了一个类,以防名称为x name。我这么做是因为ngIf只是垃圾邮件我尝试了你的建议。如果我错了,请纠正我。因此,对于列名“Special”,您试图以红色显示该列的内容。但它不起作用。如果我遗漏了什么,请告诉我。正是那样。也许你只是写了“特别”而不是“特别”?您可以执行{column | json}}来查看列变量中的内容您可以指定一些自定义头的外观吗?