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中的自定義列

回答

相關問題