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>

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