Webgrid cansort：false格式的表头mvc4字体

Question

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

....
grid.Column("CreatedDate", "Created Date", canSort: false, style: "columnWidthSmall"),
....

问题是，当设置它时，它会格式化列标题的字体，只是一点点，但是很明显。它使它更小，并提升字体。它让我很烦。样式没有对字体做任何事情 - 当我设置canSort时，字体只会改变。

我不确定如何防止这种情况 - 在Google上找不到任何内容。

感谢。

Answer 1

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

@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>

使用适当的CSS类，您可以更改标题的外观;像这样的东西

.headerStyle th{
    font-weight:normal;
}