Question

我使用了网格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);

此处金额应显示单元格右侧的值。

怎么做？

谢谢

Answer 1

我无法找到原生答案，但我找到了一个使用css的体面工作。

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

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

Answer 2

我已使用n>4并将RenderValueAs和Sanitized设置为false来管理此操作。我还使用了Encoded bootstrap类：

pull-right

Answer 3

columns.Add(c => c.Amount).Titled("PO Amount").Css("text-right);

如果您的站点中有Bootstrap.css，则此方法有效。

如何在网格mvc中右侧设置单元格文本对齐？

3 个答案: