当前位置：文江博客话题详情

Html.Grid 右对齐列中的数据

发布于 2024-09-14 23:43:00 字数 57 浏览 4 评论 0原文

在 Html.Grid 中，我们如何确保列中的数据（例如货币金额）正确对齐？

谢谢。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

你げ笑在眉眼 2024-09-21 23:43:00

你是说在 MvcContrib 网格中？

您可以使用类似：

column.For(x => x.Amount).Attributes(style => "text-align:right");

或更简洁的方式，您可以设置一个类：

column.For(x => x.Amount).Attributes(@class => "right-align");

并在该类上设置适当的样式规则。

You mean in the MvcContrib Grid?

You could use something like:

column.For(x => x.Amount).Attributes(style => "text-align:right");

or more tidily you could set a class:

column.For(x => x.Amount).Attributes(@class => "right-align");

and set an appropriate style rule on that class.

回复收藏 0 原文

情绪少女 2024-09-21 23:43:00

这对我有用。在网格中 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>

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

Here's what worked for me. Within the grids htmlAttributes assign the resulting table an id. In this example "gridT". In the CSS create a style for "#gridT", for the second column to align the text left.

@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>

The second column "Name" will be left aligned.

回复收藏 0 原文

~没有更多了~