Asp.net mvc 4 Webgrid cansort:false格式表格标题mvc4的字体

Asp.net mvc 4 Webgrid cansort:false格式表格标题mvc4的字体,asp.net-mvc-4,webgrid,Asp.net Mvc 4,Webgrid,我在mvc4中有一个webgrid,我在其中设置了一些不可排序的列: .... grid.Column("CreatedDate", "Created Date", canSort: false, style: "columnWidthSmall"), .... 问题是,当设置此选项时,它将格式化列标题的字体,只是一点点,但很明显。它使它变小了一点,字体也提高了一点。这使我恼火。样式对字体没有任何作用-只有在我设置canSort时字体才会改变 我不知道如何防止这种情况——在谷歌上找不到任何东西

我在mvc4中有一个webgrid,我在其中设置了一些不可排序的列:

....
grid.Column("CreatedDate", "Created Date", canSort: false, style: "columnWidthSmall"),
....
问题是,当设置此选项时,它将格式化列标题的字体,只是一点点,但很明显。它使它变小了一点,字体也提高了一点。这使我恼火。样式对字体没有任何作用-只有在我设置
canSort
时字体才会改变

我不知道如何防止这种情况——在谷歌上找不到任何东西


谢谢。

您可以使用CSS类名的
headerStyle
参数更改WebGrid中标题的样式

@grid.GetHtml(
        headerStyle: "headerStyle",
        columns: grid.Columns(
            grid.Column("Column1", canSort:false),
            grid.Column("Column2")
        )
    )
当列可排序时,WebGrid将生成一个定位点,否则将生成列名

<tr class="headerStyle">
    <th scope="col">Column1</th>
    <th scope="col">
        <a href="/?sort=Column2&sortdir=ASC">Column2<a>
    </th>
</tr>

抱歉没有提及,但我已经有了一套
headerStyle
。现在看来,这并没有帮助。我试着做一些类似于你最后一行代码的事情,但也没有帮助。在我看来,其他CSS样式会覆盖你的样式,如果你在Visual Studio中使用默认模板,它的表样式可能就是原因,你可以在Firefox中用Firebug检查它。你是对的-谢谢!这是另一个文件中的重写。(:
.headerStyle th{
    font-weight:normal;
}