Mvccontrib Html.Grid右对齐列中的数据
在Html.Grid中,如何确保列中的数据(例如货币金额)正确对齐Mvccontrib Html.Grid右对齐列中的数据,mvccontrib,Mvccontrib,在Html.Grid中,如何确保列中的数据(例如货币金额)正确对齐 谢谢。你是说在MvcContrib网格中 您可以使用以下内容: column.For(x => x.Amount).Attributes(style => "text-align:right"); 或者更整洁地设置一个类: column.For(x => x.Amount).Attributes(@class => "right-align"); 并为该类设置适当的样式规则。以下是对我有效的方法。在网
谢谢。你是说在MvcContrib网格中 您可以使用以下内容:
column.For(x => x.Amount).Attributes(style => "text-align:right");
或者更整洁地设置一个类:
column.For(x => x.Amount).Attributes(@class => "right-align");
并为该类设置适当的样式规则。以下是对我有效的方法。在网格中,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>
@grid.GetHtml(
.
.
HtmlatAttributes:new{id=“gridT”},
列:grid.columns(
grid.Column(columnName:“ID”,header:“ID”),
grid.Column(columnName:“名称”,标题:“名称”)
#第四名:第n名子女(2){
文本对齐:左对齐;
}
第二列“名称”将左对齐