Javascript 在数据表中使用行范围 {%raw%} 配置名称 属性名 值1 价值2 {{{#每个表行} {{{#每个值}} {{{#if@first}} {{../pid} {{/if} {{propName}} {{propValueA}} {{propValueB}} {{/每个}} {{/每个}} {%endraw%}

我必须在ajax请求后动态呈现一个表，并希望按配置名称对行进行分组。在数据表中使用rowspan时，仅呈现简单表，并且存在控制台错误：

jquery.dataTables.min.js:24未捕获类型错误：无法设置未定义的属性“\u DT\u CellIndex”

我正在使用handlebar.js填充表格模板

数据表： https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"> https://cdn.datatables.net/1.10.19/js/dataTables.bootstrap.min.js“>

是否有一种方法可以在保留Datatable功能的同时以这种格式生成表

$（文档）.ready（函数（）{
变量表=$（'#示例'）。数据表({
'ajax'：'https://api.myjson.com/bins/qgcu',
“行组”：[2]
});   
});

jQuery DataTables-表体TBODY中的ROWSPAN


名称
位置
办公室
Extn。
开始日期
薪水
名称
位置
办公室
Extn。
开始日期
薪水
javascript在这里的什么地方？
名称
Try@SumeshTG我通过handlebar动态地给出了rowspan，但是它抛出了控制台错误，并且在没有分页的情况下呈现了一个简单的html表，搜索和排序features@SamzSakerz我直接使用cdn链接导入Datatable，想知道使用js的rowspan的解决方案。我是js的新手，希望在这个问题上得到帮助。请建议是否对该帖子进行任何编辑。谢谢
{% raw %}

<table class="table table-striped table-bordered row" id="compare-table" style = "table-layout: fixed; margin-right: auto; margin-left: auto">
    <thead>
        <th class = "col-md-3 tableHeading">Configuration name</th>
        <th class = "col-md-3 tableHeading">Property Name</th>
        <th class = "col-md-3 tableHeading">Value 1</th>
        <th class = "col-md-3 tableHeading">Value 2 </th>
    </thead>
    <tbody>
    {{#each tableRows }}
        {{#each values}}
            <tr>
                {{#if @first}}
                <th  class="breakWord inlineHeading" rowspan={{../length}}>{{ ../pid }}</th>
                {{/if}}

                <td class="breakWord">{{ propName }}</td>
                <td class="breakWord">{{ propValueA }}</td>
                <td class="breakWord">{{ propValueB }}</td>
            </tr>
        {{/each}}
    {{/each}}
    </tbody>
</table>
{% endraw %}