如何设置webgrid头的自定义字体颜色？

Question

我使用webgrid在我的mvc web应用程序启用排序。

var grid = new WebGrid(
    source: Model, 
    canPage: false, 
    ajaxUpdateContainerId: "mainGrid" 
    ); 

如果财产canSort =真（默认），那么头名的字体颜色永远蔚蓝（虽然我使用CSS），但我想换另外。

我该如何保持启用排序？

我的代码：

查看：

@grid.GetHtml(
     columns: grid.Columns(
      grid.Column(header: "", columnName: "isChecked", canSort: false, 
       format: @<text><input type="checkbox" name="checkbox_selected" value="@item.index" /></text>), 
      grid.Column(header: "Имя", columnName: "name", style: "name"), 
      grid.Column(header: "Тип", columnName: "type", style: "type"), 
      grid.Column(header: "Дата изменения", columnName: "date", style: "date"), 
      grid.Column(header: "Размер", columnName: "size", style: "size") 
      ), 

     tableStyle: "grid_table", 
     headerStyle: "header_table", 
     rowStyle: "row_table", 
     alternatingRowStyle: "alt-row_table" 
    ) 

CSS：

.header_table 
{ 
background-color: limegreen; 
color: black; 
padding-bottom: 4px; 
padding-top: 4px; 
} 

所有其他样式正常工作，但.header_table颜色排序启用不工作时（当其禁用作品）。

Answer 1

当您呈现您的Web网格视图，指定CSS类名：

<div> 
    @grid.GetHtml(
      tableStyle: "webgrid-table", 
      headerStyle: "webgrid-header", 
      footerStyle: "webgrid-footer", 
      alternatingRowStyle: "webgrid-alternating-row", 
      selectedRowStyle: "webgrid-selected-row", 
      rowStyle: "webgrid-row-style", 
      mode: WebGridPagerModes.All, 
      columns: 
      // ... more stuff here 
</div> 

我们现在可以指定网格的CSS样式和摆脱了蓝色的（我假定呈现蓝色是因为头部包含链接（<a>标签），因此第二CSS声明：https://stick2basic.wordpress.com/2013/04/10/how-to-set-webgrid-style-in-mvc/

：

.webgrid-header { color: #FF0000; background-color: #00FF00; } 
.webgrid-header a { color: #FF0000; } 

此页上更详细的解释3210

我希望这有助于！