無法顯示我的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;