Asp.net mvc 4 Webgrid cansort:false格式表格标题mvc4的字体
我在mvc4中有一个webgrid,我在其中设置了一些不可排序的列: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时字体才会改变 我不知道如何防止这种情况——在谷歌上找不到任何东西
....
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;
}