在MVC3中的WebGrid列中应用特定宽度

Question

我已经使用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", canSort: true),        
        //other columns
        ));
  }

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

Answer 1

你可以使用样式:

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

并在您的CSS文件中:

.name {
    width: 50px;
}

.address {
    width: 300px;
}