我正在尝试为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")
));
我该怎么做?
答案 0 :(得分:1)
如果要在当前版本的WebGrid中设置单个标题的样式,则必须使用客户端代码来执行此操作。
答案 1 :(得分:0)
表示所有标题元素....................
$(“#gridContent”)。find('table thead tr a')
然后根据你想要的see
应用样式.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 Formatting or Styling Column Headers
How to add Html inside ASP.NET MVC 3 WebGrid Column Name (Header)