CODEWITHSUNDEEP
kendo-ui-angular2kendo-ui-grid
mast3rd3mon
mast3rd3mon

Reputation: 8825

text-align on kendo-grid-column in angular2

How do I align text to the right on a

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

because both

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

and

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

dont work. Please could someone help?

Upvotes: 2

Views: 10672

Answers (2)

Chanaka Amarasinghe
Chanaka Amarasinghe

Reputation: 3788

This one should be work

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

you can use this one also for specific one

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

Upvotes: 12

knikolov
knikolov

Reputation: 1800

You can easily do it with a template:

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

See this plunkr

Upvotes: 2

Related Questions