MVC webgrid column width?

本文关键字：width column webgrid MVC | 更新日期: 2023-09-27 18:18:31

现在我在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>

但是它没有应用我的网格。我找不到错误。朋友给我解决办法........谢谢。

MVC webgrid column width?

您可以为前面提到的每一列指定一个类。您的表的样式有固定列，最有可能的是覆盖您的自定义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%;
}

相关文章：