Question

我有以下代码： -

@foreach (var item in Model)
{
    <div class="comment-box">
        <div class="comment-head">
            <div class="comment-name">
                @item.FromUser
            </div>
            <div class="comment-date">
                @item.DaysAgo
            </div>
        </div>
        <div class="comment-content">
            @item.Message
        </div>
    </div>
}

我想通过webgrid来展示这一点。但问题是webgrid在列中显示数据，如何在div结构中执行此操作。

这是我使用webgrid的新代码： -

@{ 
    var grid = new WebGrid(Model); 
}
<div>
   @grid.GetHtml()
</div>

Answer 1

以下事情对我有用： -

@{ 
        var grid = new WebGrid(Model); 
 }
    <div>
        @grid.GetHtml(tableStyle: "table-comment",
        columns: grid.Columns(
            grid.Column("", "", @<text><div class="comment-box">
        <div class="comment-head">
            <div class="comment-name">
                @item.FromUser
            </div>
            <div class="comment-date">
                @item.DaysAgo
            </div>
        </div>
        <div class="comment-content">
            @item.Message
        </div>
    </div></text>)))

    </div>

基于div格式的Webgrid

1 个答案: