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> 

第二列「名稱」將左對齊。