내 WebGrid에 대한 열 머리글을 표시 할 수 없습니다.

Question

다음 WebGrid가 있는데 왜 열 머리글이 표시되지 않는지 알 수 없습니다. 나는 온라인 자습서를 따라하고 그들이 다음에 동일한 모양 :

@grid.GetHtml(
    tableStyle: "grid", 
    headerStyle: "gridhead", 
    rowStyle: "gridRow", 
    alternatingRowStyle: "gridRow", 
    mode: WebGridPagerModes.All, 
    columns: grid.Columns(
    grid.Column("Title","Title",format: @<text>@item.title</text>, style: "Title") 
)) 

내 CSS :

.grid 
{ 
left:30px; 
border-collapse:collapse; 
color:Black; 
} 

.gridhead 
{ 
display:none; 
background-color:Aqua; 
} 

난 내 코드를 실행하면 내가 볼 수있는 모든 영화의 제목하지만 제목은이다조차 배경색.

편집 :

는

@grid.GetHtml(
    tableStyle: "grid", 
    headerStyle: "gridhead", 
    rowStyle: "gridRow", 
    alternatingRowStyle: "gridRow", 
    mode: WebGridPagerModes.All, 
    columns: grid.Columns(
    grid.Column("Title","Title",format: @<text>@item.title</text>, style: "Title"), 
    grid.Column("Rating","Rating",format: @<text>@item.rating</text>, style: "Rating") 
)) 

내 CSS :

.grid 
{ 
left:30px; 
border-collapse:collapse; 
color:Black; 
} 

.gridhead 
{ 
display:block; 
background-color:Aqua; 
} 

Answer 1

은 다음과 CSS의 역할에서 display:none; 제거는 :

.gridhead 
{ 
    display:none; 
    background-color:Aqua; 
} 

는 display: block;