无法显示我的 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;