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

前端之家收集整理的这篇文章主要介绍了asp.net-mvc-3 – 在MVC3中的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;
}

猜你在找的asp.Net相关文章