webgrid - MVC 4 Webgrid - 使用 css 样式的列宽设置不起作用

Question

我正在尝试为 Webgrid 列设置宽度。但它不起作用。
请任何人帮助我。

请在我的代码下面找到

@grid.GetHtml(
tableStyle: "webgrid-table",
headerStyle: "webgrid-header",
alternatingRowStyle: "webgrid-alternating-row",
mode: WebGridPagerModes.All,
columns:grid.Columns(
grid.Column(columnName:"ID", header: "ID",canSort:true, style: "id"),
grid.Column(columnName:"Name", header: "Name",canSort:true,style: "name")
)

还有我的 css 文件

.webgrid-table { border: 1px solid #98BF21;   }
.webgrid-header { background-color: #A7C942; color: #FFFFFF; text-align: left;}
.webgrid-alternating-row { background-color: #EAF2D3; }
.id { width: 20px; }
.name { width: 40px; }

有人请帮我吗？

Answer 1

您需要指定 WebGrid 的宽度自己来解决这个问题。

添加这个

.webgrid-table { *width*: *specify the width value here* ;border: 1px solid #98BF21;}