Bootstrap table，group-by-v2 插件在示例中不起作用

Question

我正在使用JQueryBootstrap-table，分组数据。在这里找到：https://examples.bootstrap-table.com/#extensions/group-by-v2.html。当前给出的示例显示了一个额外的行（未在 JSON 中找到），但未创建展开-折叠图标或功能。

我错过了什么吗？这是我在 HTML 文件中使用的代码：

        <link href="../lib/bootstrap-table/src/extensions/group-by-v2/bootstrap-table-group-by.css" rel="stylesheet"/>
        <link href="../lib/bootstrap-table/src/bootstrap-table.css" rel="stylesheet"/>
        <link href="../lib/bootstrap-table/src/extensions/filter-control/bootstrap-table-filter-control.css" rel="stylesheet"/>
        <link rel="stylesheet" href="../lib/bootstrap4-editable/css/bootstrap-editable.css">
...
       <script type="text/javascript" src="../util/bootstrap-table.js"></script>
        <script src="../lib/bootstrap-table/src/extensions/editable/bootstrap-table-editable.js"></script>
        <script src="../lib/bootstrap-table/src/extensions/filter-control/bootstrap-table-filter-control.js"></script>
        <script src="../lib/bootstrap-table/src/extensions/group-by-v2/bootstrap-table-group-by.js"></script>

...在 HTML 文件中进一步向下。

                <table id="summGrid" data-toolbar="#summToolbar" data-search="true" data-show-refresh="true" data-show-toggle="true"
                data-show-fullscreen="true" data-show-columns="true" data-detail-view="false" data-show-export="true" data-click-to-select="true"
                data-group-by="true" data-group-by-field="shape"  data-url="./tree.json"
                data-pagination="true" data-filter-control="true" data-show-footer="true" data-unique-id="id" data-id-field="id">
                <thead>
                  <tr>
                    <th data-field="shape">Shape</th>
                    <th data-field="color">Color</th>
                    <th data-field="area">Area</th>
                  </tr>
                </thead>

                </table>

Json（tree.json）是这样的：

[
    {
        "id": 1,
        "shape": "triangle",
        "color": "red",
        "area": 5,
        "label": "T1"
    },
    {
        "id": 2,
        "shape": "triangle",
        "color": "green",
        "area": 27,
        "label": "T2"
    },
...

我从上面 link 中提供的示例中复制粘贴了整个内容。

Answer 1

我发现这个扩展（group-by-v2）没有这个功能。我找到了另一个可以完成这项工作的扩展。树状网格扩展 (https://live.bootstrap-table.com/example/extensions/treegrid.html)。

Bootstrap table，group-by-v2 插件在示例中不起作用

Bootstrap table, group-by-v2 plugin not working in example

bootstrap-table

bootstrap-4