Html.Grid выровнять данные в столбце

Question

В Html.Grid, как мы можем обеспечить правильное выравнивание данных в столбце (например, суммы в валюте)?

Благодарю.

Answer 1

Ты имеешь ввиду в MvcContrib Grid?

Вы можете использовать что-то вроде:

column.For(x => x.Amount).Attributes(style => "text-align:right");

или более аккуратно вы можете установить класс:

column.For(x => x.Amount).Attributes(@class => "right-align");

и установить соответствующее правило стиля для этого класса.

Answer 2

Вот что сработало для меня. В сетках атрибуты htmlAttributes присваивают полученной таблице идентификатор. В этом примере "gridT". В CSS создайте стиль для "#gridT", чтобы второй столбец выровнял текст по левому краю.

@grid.GetHtml(
.
.
   htmlAttributes: new { id = "gridT" },
        columns: grid.Columns(
        grid.Column(columnName: "ID", header: "ID"),
        grid.Column(columnName: "Name", header: "Name")

<style>
    #gridT th:nth-child(2) {
            text-align: left;
    }
</style>

Второй столбец "Имя" будет выровнен по левому краю.