4

我正在尝试为 MVC3 WebGrid 添加自定义标头。

header 属性只允许字符串,并且任何 HTML 都被转义。

我当前的网格剃刀视图如下:

var grid = new WebGrid(Model, canPage: true, rowsPerPage: 5);
            grid.Pager(WebGridPagerModes.NextPrevious);

            @grid.GetHtml(tableStyle: "data_table-sorter",
                alternatingRowStyle: "odd",
                columns: grid.Columns(
                grid.Column(header:"Select<span class=\"fi fi_gear\"></span>\"" , style: "table-select-col has-menu", canSort: false, format: @<input type="checkbox" value="@item.Id" />),
                grid.Column("Name", "Briefing Book Name", canSort: true, style: "dj_sortable-table-column"),
                grid.Column("Format", "Format", canSort: true, style: "dj_sortable-table-column") 
));

我怎样才能做到这一点?

4

2 回答 2

1

如果您想在当前版本的 WebGrid 中设置单个标题的样式,则必须使用客户端代码来执行此操作。

于 2011-06-08T15:21:33.923 回答
0

对于所有标题元素........

$("#gridContent").find('table thead tr a')

然后应用任何你想看到的样式

.addClass() .append()

对于单个标题........

实际上这是将 rowcell 的样式应用于 headercell

var headerCells = $("#gridContent table tr th");

var firstRowCells = $("#gridContent table tr td");

$.each(firstRowCells, function (index, value) {
    $(headerCells[index]).addClass($(firstRowCells[index]).attr("class"));
});

另请参阅 MVC3 WebGrid 格式化或样式列标题

如何在 ASP.NET MVC 3 WebGrid 列名(标题)中添加 Html

MVC3 WebGrid 格式化或样式化列标题

于 2013-12-03T09:42:46.403 回答