Model view controller 如何在网格mvc中设置单元格文本右侧对齐?

Model view controller 如何在网格mvc中设置单元格文本右侧对齐?,model-view-controller,Model View Controller,我使用了网格mvc。我想显示与右侧对齐的单元格文本 这是我的代码: @Html.Grid(Model).Columns(columns => { columns.Add(c => c.PoNo).Titled("PO No").SetWidth(200); columns.Add(c => c.PoDate).Format("{0:dd-MMM-yy}").Titled("PO Date").SetWidth(150); colu

我使用了网格mvc。我想显示与右侧对齐的单元格文本

这是我的代码:

@Html.Grid(Model).Columns(columns =>
   {
       columns.Add(c => c.PoNo).Titled("PO No").SetWidth(200);
       columns.Add(c => c.PoDate).Format("{0:dd-MMM-yy}").Titled("PO Date").SetWidth(150);
       columns.Add(c => c.CompanyName).Titled("Company").SetWidth(500);
       columns.Add(c => c.PartyName).Titled("Party").SetWidth(500);
       columns.Add(c => c.Amount).Titled("PO Amount").SetWidth(400);
此处“金额”应显示在单元格右侧的值

如何做到这一点


谢谢你

我找不到一个本机的答案,但是我找到了一个不错的使用css的方法

<style>
/*Simple css hack to right align text*/
td[data-name='FieldNameHere'] { 
    text-align:right;
}
</style>

/*简单的css黑客右对齐文本*/
td[data name='FieldNameHere']{
文本对齐:右对齐;
}

它基本上找到了具有正确属性值的td元素。

我找不到这个问题的本机答案,但我找到了一个使用css的好方法

<style>
/*Simple css hack to right align text*/
td[data-name='FieldNameHere'] { 
    text-align:right;
}
</style>

/*简单的css黑客右对齐文本*/
td[data name='FieldNameHere']{
文本对齐:右对齐;
}

它基本上找到具有正确属性值的td元素。

我通过使用
RenderValueAs
并将
Sanitized
Encoded
设置为false来管理它。我还使用了
pull right
bootstrap类:

columns.Add(c => c.Amount)
       .Titled("PO Amount")
       .SetWidth(400)
       .RenderValueAs(x=>String.Format("<span class=\"pull-right\">{0}</span>",c.Amount))
       .Encoded(false)
       Sanitized(false);
columns.Add(c=>c.Amount)
.标题为(“采购订单金额”)
.SetWidth(400)
.RenderValueAs(x=>String.Format(“{0}”,c.Amount))
.编码(假)
消毒(假);

我通过使用
RenderValueAs
并将
Sanitized
Encoded
设置为false来管理此问题。我还使用了
pull right
bootstrap类:

columns.Add(c => c.Amount)
       .Titled("PO Amount")
       .SetWidth(400)
       .RenderValueAs(x=>String.Format("<span class=\"pull-right\">{0}</span>",c.Amount))
       .Encoded(false)
       Sanitized(false);
columns.Add(c=>c.Amount)
.标题为(“采购订单金额”)
.SetWidth(400)
.RenderValueAs(x=>String.Format(“{0}”,c.Amount))
.编码(假)
消毒(假);
如果您的站点中有Bootstrap.css,则可以使用此选项

如果您的站点中有Bootstrap.css,则可以使用此选项