MVC webgrid列寬？

Question

現在我正在使用MVC webgrid。我需要根據需求設置列寬。

網：

@{ 
    var grid = new WebGrid(source: Model.TenantList, rowsPerPage: 11, canPage: true, canSort: false); 
     @grid.Table(
     headerStyle: "headerStyle", 
     tableStyle: "table table-responsive fixed-column fixed-column table-striped table-hover a-grid", 
     alternatingRowStyle: "alternateStyle", 
     htmlAttributes: new { id = "tenantgrid" }, 
     columns: grid.Columns(
     grid.Column("Action", style: "labelcolumn cchk",format:@<text><input class="checkbox cchk" id="assignChkBx" name="assignChkBx" value="@item.Person_Code" type="checkbox" onClick="assignChkBx()" /></text>), 
     grid.Column("TitleName"), 
     grid.Column("FullName",style: "name-width"), 
     grid.Column("Employee_Number"), 
     grid.Column("Fathername"), 
     grid.Column("Address"), 
     grid.Column("EMAILID") 
     ) 
    ) 
    } 

的CSS：

.name-width { 
     width:500px; 
    } 

問題是類被稱爲像這樣

<td class="name-width">AMEER ABOOBACKER</td> 

但它不是我的應用網格。我找不到這個錯誤。朋友給我解決方案........ 感謝提前。

Answer 1

您可以爲您提到的每一列指定一個類。 你的桌子有你的風格固定列和最有可能的是覆蓋你的自定義CSS。您可以刪除該類（並使用下面的代碼）或者您可以嘗試將！important添加到您的css屬性中。 下面應該按預期工作。

@grid.GetHtml(tableStyle: "table table-hover", 
         columns: 
     grid.Columns 
     (
       grid.Column("Property1", "Property1", style: "Large"), 
       grid.Column("Property2", "Property2", style: "Small") 
       grid.Column("Action", format: @<text> 
        @Html.ActionLink("Edit", "Edit", new { id = item.Id}) 
        | @Html.ActionLink("Delete", "Delete", new { id = item.Id }) 
       </text>, style: "action", canSort: false))) 

<style type="text/css"> 
.Large{ 
    width: 20%; 
} 

.Small{ 
    width: 5%; 
}