如何增加 MVC Grid 的单元格宽度？答案

【问题标题】：How to increase cell width of MVC Grid?如何增加 MVC Grid 的单元格宽度？
【发布时间】：2014-04-14 13:04:55
【问题描述】：

我正在开发 ASP.net MVC 应用程序。

我在其中使用了 MVC Grid - Html Grid。我想增加列的宽度，但我不能。我不想更改网格 CSS。

我已经两次提到了 width 属性，但都没有用...

这是我的代码。

 @model IEnumerable<StockWatchScreen.Controllers.Customer>
@using GridMvc.Html
@using System.Web.UI.WebControls;

@{
    ViewBag.Title = "Index";
}

<!DOCTYPE html>

<html>

<body>
    <div class="listheading span9" style="font-size:22px;margin-bottom:30px;margin-left:0.10px">Customer</div>
    <hr />
    <div style="width:500px;">
        @Html.Grid(Model).Columns(columns => 
                    {
                        columns.Add(c => c.Code).Titled("Code");
                        columns.Add(c => c.Name).Titled("Name").SetWidth(500);
                        columns.Add(c => c.Address).Titled("Address");
                        columns.Add(c => c.OfficePhone).Titled("OfficePhone");
                        columns.Add(c => c.Email).Titled("Email");
                        columns.Add(c => c.FaxNo).Titled("FaxNo");
                        columns.Add(c => c.City).Titled("City");
                       }).WithPaging(4).Sortable(true).Filterable(true)  


    </div>
</body>
</html>

【问题讨论】：

Apply specific width in column of WebGrid in MVC3 的可能重复项
CSS 是您定义标记应如何呈现的方式，也就是您定义列宽的方式。它不是 HTML 的东西，它只是为您的数据定义语义结构。
.SetWidth(500);对我有用，也许你应该删除网格前面的
。

标签： asp.net-mvc asp.net-mvc-3 asp.net-mvc-4 mvcgrid

【解决方案1】：

你可以尝试改变吗

columns.Add(c => c.Name).Titled("Name").SetWidth(500);

到

columns.Add(c => c.Name).Titled("Name").SetWidth("70%");

或

columns.Add(c => c.Name).Titled("Name").SetWidth("100px");

【讨论】：

否则尝试使用属性属性，例如：columns.Add(c => c.Name).Titled("Name").Attributes(style => "width:15%;");
似乎作者问题是在模式div 的 500 像素限制。 Steven 已经注意到了这一点