Webgrid cansort : 잘못된 형식의 테이블 헤더 mvc4의 글꼴

Question

나는 비 정렬 일부 열을 설정 한 mvc4에서 webgrid을 가지고 :

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

문제는,입니다이은, 설정된 경우 열 머리글의 글꼴을 약간 서식을 지정하지만 눈에 띄게됩니다. 글꼴 크기가 약간 작아지고 글꼴이 약간 늘어납니다. 그것은 나를 귀찮게. 스타일은 글꼴을 사용하여 아무 것도하지 않습니다. 글꼴은 canSort을 설정할 때만 바뀝니다.

나는 이것을 막을 방법이 확실하지 않습니다. Google에서 아무 것도 찾을 수 없습니다.

감사합니다.

Answer 1

CSS 클래스 이름 인 headerStyle 매개 변수를 사용하여 WebGrid의 머리글 스타일을 변경할 수 있습니다.

@grid.GetHtml(
     headerStyle: "headerStyle", 
     columns: grid.Columns(
      grid.Column("Column1", canSort:false), 
      grid.Column("Column2") 
     ) 
    ) 

열이 소트

는 WebGrid는 그렇지 않으면 열 이름 머리글의 모양을 변경할 수있는 적절한 CSS 클래스와

<tr class="headerStyle"> 
    <th scope="col">Column1</th> 
    <th scope="col"> 
     <a href="/?sort=Column2&sortdir=ASC">Column2<a> 
    </th> 
</tr> 

를 생성 앵커를 생성 이 같은 것

.headerStyle th{ 
    font-weight:normal; 
}