剑道网格列标题在 2 级

Question

我使用剑道 ui 网格 我想制作一个具有 2 级标题列的网格，如下图所示：

我有 3 个标题，12 个子标题，对于数据，它有 12 列 我可以用剑道网格做这个吗？

Answer 1

你可以耐心使用Kendo header template：

<script type="text/x-kendo-template" id="template">
                <div class="toolbar k-grid-header k-grid-header-wrap">
                   <table role="grid">
                     <colgroup>
                        <col style="width:200px">
                        <col>
                        <col style="width:100px">
                        <col>
                     </colgroup>
                     <thead role="rowgroup">
                     <tr role="row">
                        <th role="columnheader" class="k-header">Column level 2</th>
                        <th role="columnheader" class="k-header">Column level 2</th>
                      </tr>
                      </thead>
                   <table>
                </div>
            </script>

 var grid = $("#grid").kendoGrid({
     toolbar: kendo.template($("#template").html()) 
  });

此解决方案显然不支持动态列宽和您将在 1 级列中拥有的类似功能。