在WebGrid中將標題添加到標題

我正在嘗試爲MVC3 WebGrid添加一個自定義標題。在WebGrid中將標題添加到標題

header屬性只允許字符串，並且任何HTML都會被轉義。

我現在的電網Razor視圖如下：

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") 
));

我怎樣才能做到這一點？

來源

2011-06-07 harry mohammed

如果要在WebGrid的當前版本中設置單個標題的樣式，則必須使用客戶端代碼來完成此操作。

來源

2011-06-08 15:21:33

所有頭元素....................

$（「＃gridContent」）。找到（ '表THEAD TR一'）

，然後應用樣式的這款U希望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)

MVC3 WebGrid Formatting or Styling Column Headers

來源

2013-12-03 09:42:46

在WebGrid中將標題添加到標題

回答

相關問題