WebGrid cansort: ложные форматы шрифт заголовка таблицы mvc4

Question

У меня есть WebGrid в mvc4, где я поставил некоторые из столбцов, не сортируется:

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

Проблема заключается в том, что, когда это установлено, это будет отформатировать шрифт заголовка столбца, немного, но заметен. Это делает его немного меньше и немного увеличивает шрифт. Это меня раздражает. Стиль не делает ничего с шрифтом - шрифт изменяется только тогда, когда я устанавливаю canSort.

Я не уверен, как предотвратить это - ничего не нашел в Google.

Спасибо.

Answer 1

Вы можете изменить стиль заголовка в WebGrid с параметром headerStyle, который является именем класса 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; 
}