如何增加 MVC Grid 的单元格宽度？
Posted
技术标签:
【中文标题】如何增加 MVC Grid 的单元格宽度？【英文标题】：How to increase cell width of 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);对我有用，也许你应该删除网格前面的 。 【参考方案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 已经注意到了这一点以上是关于如何增加 MVC Grid 的单元格宽度？的主要内容，如果未能解决你的问题，请参考以下文章