kendo-ui-angular2 - angular2中kendo-grid-column上的文本对齐

Question

如何将文本右对齐

<kendo-grid-column> </kendo-grid-column>

因为两者

<kendo-grid-column field="margin" title="Margin" style="text-align: right;"> </kendo-grid-column>

和

<kendo-grid-column field="margin" title="Margin" text-align="right"> </kendo-grid-column>

不工作。请问有人可以帮忙吗？

Answer 1

这应该是工作

.k-header .k-link{
   text-align: right;
}

您也可以将这个用于特定的

[headerStyle]="{'text-align': 'right'}"
[style]="{'text-align': 'right'}"

Answer 2

您可以使用模板轻松完成：

 <template kendoGridCellTemplate let-dataItem>
   <span class="right-align">{{dataItem.ProductName}}</span>
 </template>

看到这个plunkr