Как установить выравнивание текста ячейки справа в сетке mvc?

Question

Я использовал сетку mvc. Я хочу отобразить текст ячейки, выровненный по правому краю.

Это мой код:

@Html.Grid(Model).Columns(columns => 
    { 
     columns.Add(c => c.PoNo).Titled("PO No").SetWidth(200); 
     columns.Add(c => c.PoDate).Format("{0:dd-MMM-yy}").Titled("PO Date").SetWidth(150); 
     columns.Add(c => c.CompanyName).Titled("Company").SetWidth(500); 
     columns.Add(c => c.PartyName).Titled("Party").SetWidth(500); 
     columns.Add(c => c.Amount).Titled("PO Amount").SetWidth(400); 

Здесь сумма должна отображать значение на правой стороне ячейки.

Как это сделать?

Спасибо

Answer 1

Я не мог найти родной ответ на это, но я нашел приличную работу вокруг с помощью CSS.

<style> 
/*Simple css hack to right align text*/ 
td[data-name='FieldNameHere'] { 
    text-align:right; 
} 
</style> 

В основном он находит элемент td с правильным значением атрибута.

Answer 2

Мне это удалось, используя RenderValueAs и установив Sanitized и Encoded на false. Я также использовал класс pull-right самозагрузки:

columns.Add(c => c.Amount) 
     .Titled("PO Amount") 
     .SetWidth(400) 
     .RenderValueAs(x=>String.Format("<span class=\"pull-right\">{0}</span>",c.Amount)) 
     .Encoded(false) 
     Sanitized(false); 

Answer 3

columns.Add(c => c.Amount).Titled("PO Amount").Css("text-right); 

Это работает, если у вас есть Bootstrap.css на вашем сайте.