asp.net mvc3 webgrid标题样式，css

Question

我在项目的局部视图中使用过webgrid。我用表格式实现了它很好：

.webgridtablestyle
{
width: 100%;
height: auto;

}

显示正常。现在我想为webgrid中的不同标题定义不同的宽度。所以我把它应用为：

grid.Column("EquipmentManfacturer", header: "Warranty Provider", style:"width:30%")

但是宽度没有应用。我尝试了表格布局：固定在表格样式中。表格布局样式已应用，但宽度样式未应用于标题。任何人都可以帮我如何在webgrid中为不同的标题应用不同的宽度。我只需要使用表格宽度的百分比，因为放置webgrid的仪表板可以调整大小。

Answer 1

据我所知， style 属性实际上是列所获得的类。

因此，创建一个具有所需宽度的类，并在 style 属性中使用该类。

即

.column1
{
  width: 30%;
}

然后

grid.Column("EquipmentManfacturer", header: "Warranty Provider", style:"column1")

编辑：需要设置整个网格的width属性，在网格上设置一个带有tableStyle的类，并让该类定义一个width属性