asp.net-mvc-3 – 在MVC3中的WebGrid列中应用特定宽度

发布时间：2020-12-15 22:24:43 所属栏目：asp.Net 来源：网络整理

导读：我已经使用了 WebGrid来利用MVC应用程序中的内置排序和分页功能,它只能解决一个我无法修复的问题并且在这里寻找任何人的帮助我的webgrid看起来如下所示 @{ var grid = new WebGrid(Model,canSort: true,canPage: true,rowsPerPage: 10); grid.Pager(WebGrid

我已经使用了 WebGrid来利用MVC应用程序中的内置排序和分页功能,它只能解决一个我无法修复的问题并且在这里寻找任何人的帮助

我的webgrid看起来如下所示

@{
        var grid = new WebGrid(Model,canSort: true,canPage: true,rowsPerPage: 10);
        grid.Pager(WebGridPagerModes.NextPrevious);
        @grid.GetHtml(columns: grid.Columns(

        grid.Column("Name","Name",canSort: true),grid.Column("Address","Address",//other columns
        ));
  }

如何根据我的要求修改每列的宽度？ (不同列需要不同的宽度)

解决方法

你可以使用样式：

@grid.GetHtml(columns: grid.Columns(
    grid.Column("Name",style: "name"),style: "address")
));

并在您的CSS文件中：

.name {
    width: 50px;
}

.address {
    width: 300px;
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!