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-angular2网格,并计划在其中设置自定义列。网格结构如下所示。但对于某些列,我需要自定义样式

<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}}来查看列变量中的内容您可以指定一些自定义头的外观吗?