Html.Grid 右对齐列中的数据

【问题标题】：Html.Grid right align data in columnHtml.Grid 右对齐列中的数据
【发布时间】：2011-03-31 22:14:31
【问题描述】：

在 Html.Grid 中，我们如何确保列中的数据（例如货币金额）正确对齐？

谢谢。

【问题讨论】：

【解决方案1】：

您的意思是在 MvcContrib 网格中？

你可以使用类似的东西：

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

或者更整洁的你可以设置一个类：

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

并为该类设置适当的样式规则。

【讨论】：

【解决方案2】：

这对我有用。在网格 htmlAttributes 中，为结果表分配一个 id。在本例中为“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>

第二列“名称”将左对齐。

【讨论】：