asp.net-mvc-4 - Webgrid cansort：false格式表头mvc4的字体

Question

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

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

问题是，当它被设置时，它会格式化列标题的字体，只是一点点，但很明显。它使它变小了一点，并提高了一点字体。它让我很烦。样式对字体没有任何作用 - 字体仅在我设置canSort.

我不知道如何防止这种情况 - 在 Google 上找不到任何东西。

谢谢。

Answer 1

headerStyle您可以使用 CSS 类名称的参数更改 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>

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

.headerStyle th{
    font-weight:normal;
}