razor WebGrid 中的 colgroup

Question

是否可以使用 razor 'WebGrid' 为列组生成 HTML 标记？

我需要生成一个列组作为“WebGrid”的一部分，因为我使用的样式依赖于视图中生成的结果表，该视图中的每个列都有一个“colgroup”元素。

谢谢。

Answer 1

我还没有发现任何内置到 WebGrid 帮助器中的东西可以让我们在设计时添加一个 <colgroup>。我想出解决这个问题的一个技巧是使用 jQuery 将我的 colgroups 的 HTML 附加到表格中：

<script type="text/template" id="col-group-template">
    <colgroup>
        <col style="width:2em;" />
        <col style="width:15em;" />
        <col />
        <col style="width:15em;" />
        <col style="width:15em;" />
        <col style="width:12em;" />
    </colgroup>
</script>

<script>

    $(function () {

        var template = $('#col-group-template').html();

        $(template).appendTo('#items-grid');
    });

</script>

其中items-grid 是我分配给此表的id。显然，这假设您已经知道网格需要的列；这对我有用，因为我已经使用纯 HTML 构建了网格模板，但想要 WebGrid 提供的内置分页和排序。