WebGridの列見出しを表示できません

Question

私は次のWebGridを持っていますが、なぜ列の見出しが表示されないのかわかりません。私は、オンラインチュートリアルをたどっており、それらは以下のように同一に見える：

マイ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;