我已经使用了
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; }