0

次の 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;
}
4

1 に答える 1

1

display:none;次の css ロールから を削除します。

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

成功するdisplay: block;

于 2012-04-22T11:08:40.593 に答える