asp.net-mvc - 将 Bootstrap 类添加到 asp.net mvc webGrid 列

Question

我的 asp.net mvc Web 应用程序中有以下 WebGrid 列:-

gridcolumns.Add(new WebGridColumn() { ColumnName ="Description",Header = Html.DisplayNameFor(model => model.Content.FirstOrDefault().Description).ToString(),CanSort=true
,
    Format = @<text>@item.TrimmedDescription</text>});

我的问题是如何将 hidden-sm Bootstrap 类添加到上面的列，以便该列在小型设备上隐藏？有人可以建议吗？

谢谢

编辑

我定义样式如下:-

gridcolumns.Add(new WebGridColumn() { ColumnName ="Description",Header = Html.DisplayNameFor(model => model.Content.FirstOrDefault().Description).ToString(),CanSort=true
,
    Format = @<text>@item.TrimmedDescription</text>,Style="hidden-sm"});
var grid = new WebGrid(
                        canPage: true,
                        rowsPerPage: Model.PageSize,
                        canSort: true,
                        ajaxUpdateContainerId: "skillgrid", fieldNamePrefix: "skill");

            grid.Bind(Model.Content, rowCount: Model.TotalRecords, autoSortAndPage: false);
            grid.Pager(WebGridPagerModes.All);

            @grid.GetHtml(htmlAttributes: new { id = "skillgrid" },   // id for ajaxUpdateContainerId parameter
            fillEmptyRows: false,
            tableStyle: "table table-bordered table-hover",
            mode: WebGridPagerModes.All,
            columns: gridcolumns

            );

上面已经删除了小型设备上的“描述”列，但网格标题仍然显示“描述”。所以现在我在 WebGrid 标题和 WebGrid 列内容之间出现了错误的重叠...

Answer 1

它有一个 style 属性，您只需设置 WebGridColumn 属性的该属性:

style: "yourcssclass"

或者:

style = "yourcssclass"