Html.Grid右对齐列中的数据

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> 

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