kendo-angular2中的自定义列

我正在开发一个Kendo-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-column field="{{column}}"></kendo-grid-column> 
    </template> 

</kendo-grid>

来源

2017-03-09 indra257

你可以指定哪些自定义首的可能看起来像？ – mast3rd3mon

您可以用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>

Plunker：http://plnkr.co/edit/e2WX53zdOL9ioshWMIZO?p=preview

来源

2017-03-12 10:40:28 misha130

他们想拥有一些自定义列，而不是自定义单元格 – mast3rd3mon

我正在查找的自定义列将会是这样的，在我的网格中，我正在查找以粗体显示值的列。和/或列的数据具有不同的颜色。在这里，我如何为需要特殊样式的列名指定“If”条件。特殊样式是针对列的内容而不是列标题。 – indra257

那里我编辑了答案，添加了一个类，名称是x的名称。我这样做是因为ngIf只是垃圾邮件 – misha130

kendo-angular2中的自定义列

回答

相关问题