如何增加MVC网格的单元格宽度?

时间:2014-03-11 05:07:51

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

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

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

我已经两次提到过宽度属性,但没有一个有效......

这是我的代码。

 @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>

1 个答案:

答案 0 :(得分: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");