Question

有没有办法在WebGrid中有两行标题？

我找了一种方法来为标题进行自定义渲染或者只渲染表格的主体（没有表格标签），但我找不到任何东西。

我想创建一个看起来像这样的webgrid：

-------------------------------------------
|grouped cols                |grouped cols|
-------------------------------------------
|col1 |  col2 | col3 | col4  | col5 |col6 |
-------------------------------------------
-------------------------------------------
|d1   |  d2   | d3   | d4    | d5   |d6   |
-------------------------------------------
|d1   |  d2   | d3   | d4    | d5   |d6   |
-------------------------------------------
|d1   |  d2   | d3   | d4    | d5   |d6   |
-------------------------------------------

请记住，我是mvc3的新手（因此我可能会错过明显的解决方案）。

Answer 1

服务器端解决方案：

@(new HtmlString(grid.GetHtml(Your grid definition).ToHtmlString()
    .Replace("<thead>",""<thead><tr class='webgrid-header'><th scope='col' colspan='4'>cols 1 to 4</th><th scope='col' colspan='2'>cols 5 and 6</th></tr>")))

客户端（假设视图中只有一个webgrid可以使用一些jquery）：

@Scripts.Render("~/bundles/jquery")
<script>
    $(function () {
        var th = $("<tr class='webgrid-header'><th scope='col' colspan='4'>col 1 to 4</th><th scope='col' colspan='2'>col 5 and 6</th></tr>")
        $("thead").prepend(th);
    });
</script>

Answer 2

您可以使用html元素构建它。您应该使用colspan和rowspan来分组单元格。看看这个link;

mvc3 WebGrid中的两行标题

2 个答案: