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

Posted 2023-03-11

【中文标题】MVC 4 Webgrid - 使用 css 样式的列宽设置不起作用

【英文标题】：MVC 4 Webgrid - Column Width settings using css style is not working

【发布时间】：2014-08-31 16:12:02

【问题描述】：

我正在尝试为 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; 

有人帮帮我吗？

【参考方案1】：

您需要指定WebGrid 本身的宽度才能解决此问题。

添加这个

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