Html.Grid 右对齐列中的数据

Posted 2023-04-18

【中文标题】Html.Grid 右对齐列中的数据

【英文标题】：Html.Grid right align data in column

【发布时间】：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>

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