使用来自 REST 服务的数据时，分页不适用于 smart-table

Question

所以我得到了一个智能-table，它从 REST 服务获取数据并显示它。当我尝试添加分页时，应用程序在 html 代码中显示错误，说那里不允许分页所需的所有属性。

这是我的 table 的实际代码：

<table id="mytable" st-safe-src="dataSet" st-table="displayed" class="table table-responsive portlet-body panel-body">
    <thead>
        <tr >
            <th >A COLUMN</th>
            <th >A COLUMN</th>
            <th >A COLUMN</th>
            <th >A COLUMN</th>
            <th >A COLUMN</th>
        </tr>
    </thead>
    
    <tbody data-ng-dblclick="scrollTo()">

        <tr data-ng-repeat="row in displayed" st-select-row="row" st-select-mode="single" data-ng-click="$parent.setClickedRow($index)" and data-ng-class="{'selected':$index == $parent.selectedRow}">
            <td data-ng-click="$parent.selData(row);">{{$index}}</td>
            <td data-ng-click="$parent.selData(row);">{{row.asd}}</td>
            <td data-ng-click="$parent.selData(row);">{{row.dsa}}</td>
            <td data-ng-click="$parent.selData(row);">{{row.qwe}}</td>
            <td data-ng-click="$parent.selData(row);">{{row.ewq}}</td>
        </tr>
    </tbody>
    <tfoot>
        <tr>
            <td colspan="5" class="text-center">
                <div st-pagination="" st-items-by-page="20" st-displayed-pages="7"></div>
            </td>
        </tr>
    </tfoot>
</table>

Answer 1

经过大量更改后，我终于让它工作了，如果有人需要，我 post table 代码。

<div class="smart-table-container">
                <table id="mytable" st-safe-src="dataSet" st-table="displayed" class="smart-table table">
                    <thead>
                    <tr >
                        <th >A COLUMN</th>
                        <th >A COLUMN</th>
                        <th >A COLUMN</th>
                        <th >A COLUMN</th>
                        <th >A COLUMN</th>
                    </tr>
                </thead>

                <tbody data-ng-dblclick="scrollTo()">

                    <tr data-ng-repeat="row in displayed" st-select-row="row" st-select-mode="single" data-ng-click="$parent.setClickedRow($index)" and data-ng-class="{'selected':$index == $parent.selectedRow}">
                        <td data-ng-click="$parent.selData(row);">{{$index}}</td>
                        <td data-ng-click="$parent.selData(row);">{{row.asd}}</td>
                        <td data-ng-click="$parent.selData(row);">{{row.dsa}}</td>
                        <td data-ng-click="$parent.selData(row);">{{row.qwe}}</td>
                        <td data-ng-click="$parent.selData(row);">{{row.ewq}}</td>
                    </tr>
                </tbody>
                    <tfoot>
                        <tr>
                                <td class="text-center" st-pagination="" st-items-by-page="5" colspan="8">
                                </td>
                        </tr>
                    </tfoot>
                </table>
            </div>

Answer 2

如果您的数据集中只有一页，则不会显示分页。 itemList 有多少项？

请尝试更多项目；为我工作。

Answer 3

在使用 st-safe-src 时。转发器应该在 st-table 上而不是在 st-safe-src 上。那么分页工作正常。

使用来自 REST 服务的数据时，分页不适用于 smart-table

Pagination doesn't work on smart-table when using data from a REST service

html

rest

pagination

angularjs

smart-table