Asp.net mvc 无法显示my WebGrid的列标题

我有下面的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角色：

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

使其
显示：块
可能会将
.gridhead
中的显示更改为
显示：块…谢谢，成功了。但是我认为样式已经影响了我的其他专栏。我可以看到标题和标题。我还可以看到其他列标题：rating，但不能看到数据，但在删除display:block时可以看到。有关编码，请参见上面的编辑
@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")
))

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

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

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