的WebGrid cansort：假格式表頭mvc4的字體

我在mvc4一個的WebGrid，其中我已經設置某些列的非可排序：的WebGrid cansort：假格式表頭mvc4的字體

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

的問題是，當它被設置，它將格式化列標題的字體，只是一點點，但是很明顯。它使它變小了一點，並提升了字體。它讓我很煩。樣式與字體沒有任何關係 - 字體僅在設置canSort時發生變化。

我不知道如何防止 - 在Google上找不到任何東西。

謝謝。

來源

2013-11-14 Moelbeck

您可以使用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; 
}

來源

2013-11-14 14:42:01

對不起，但我已經有一個'headerStyle'設置。正如它現在看起來，它並沒有幫助。我試圖做一些類似於最後一行代碼的東西，但它也沒有幫助。 – Moelbeck

在我看來，其他CSS樣式會覆蓋你的樣式，如果你在Visual Studio中使用默認模板，它有一個可能是原因的表格樣式，你可以用Firefox中的Firebug來檢查它。 –

你說得對 - 謝謝！這是另一個文件中的覆蓋。（： – Moelbeck

的WebGrid cansort：假格式表頭mvc4的字體

回答

相關問題