1

そこで、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>
4

3 に答える 3

4

大量の変更を加えた後、最終的に機能するようになりました。誰かが必要な場合はテーブルコードを投稿します。

<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>
于 2015-07-07T07:40:28.703 に答える