angularjs - 如何在由列表和子列表填充的列表/表格中进行分页？

Question

例如，我有一个使用智能表 angularjs 模块创建的以下智能表，并遵循 SO答案：

           <table st-table="positions" class="table">
                <thead>
                    <tr>
                        <th class="text-center">Menu</th>
                    </tr>
                </thead>
                <tbody ng-repeat="position in positions">
                    <tr>
                      <th class="warning">{{position.title}}</th>
                    </tr>
                    <tr ng-repeat="item in position.items">
                      <td>{{item.title}}</td>
                    </tr>
                </tbody>
                <tfoot>
                    <tr>
                        <td class="text-center" 
                            st-pagination="" 
                            st-items-by-page="5" 
                            st-displayed-pages="7">
                        </td>
                    </tr>
                </tfoot>
            </table>

此列表的 JSON 数据如下：

{
    "positions" : [{
            "title" : "position 1",
            "id" : 1,
            "items" : [{
                    "id" : 1,
                    "title" : "position 1 - item 1"
                    }, {
                    "id" : 2,
                    "title" : "position 1 - item 2"
                }
            ]
        }, {
            "title" : "position 2",
            "id" : 2,
            "items" : [{
                    "id" : 3,
                    "title" : "position 2 - item 3"
                }
            ]
        }
    ]
}

表格已按我的意愿构建，但分页不起作用，我怀疑这是因为我使用过st-table="positions"

st-table属性告诉智能表哪个集合保存您显示的数据，

positions数组并不代表表的所有行。

谢谢你。