Question

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

以下是该表的实际代码：

<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

经过大量的更改，我终于完成了工作，如果有人需要，我会发布表格代码。

<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

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

Answer 3

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

请尝试更多物品;为我工作。

使用REST服务中的数据时，分页在智能表上不起作用

3 个答案: