Question

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

感谢。

Answer 1

你的意思是在MvcContrib网格中？

您可以使用以下内容：

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

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

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

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

Answer 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>

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

Html.Grid右对齐列中的数据

2 个答案: