Client-Seite die Paginierung funktioniert nicht in der smart-Tabelle

Also ich hab einen Smart-Tabelle für die Hexe, die ich neu laden der gesamten Daten-set (ich brauche es für ein Diagramm).
aber ich will nicht alle Daten zum Rendern auf einmal (habe zu viele). Also in der Dokumentation gibt es etwas namens "Client-Seite Paginierung" aber das scheint nicht zu funktionieren, aus irgendeinem Grund. objectDataArr[0] hält die gesamten Daten-set

Mein mock-up ist:

<div class="container">
    <div class="row">
        <div class="col-md-4">
            <h1><strong>Preview Data: {{objectTranslations[objectData.LangKey]}}</strong></h1>
        </div>
        <div class="col-md-8">
        </div>
    </div>
    <div class="row">
        <table st-table="objectDataArr[0]" class="table table-striped">
            <thead>
                <tr>
                    <th ng-repeat="col in objectData.Tables[0].Columns" st-sort="col.Code" ng-class="{'dd-vh-2':col.Length<=25 , 'dd-vh-5':col.Length>25 && col.Length<=50, 'dd-vh-10':col.Length>50 && col.Length<=100, 'dd-vh-15':col.Length>100 && col.Length<=150, 'dd-vh-20':col.Length>150 && col.Length<=250}">{{objectTranslations[col.LangKey]}}</th>
                </tr>
                <tr>
                    <th ng-repeat="col in objectData.Tables[0].Columns" ng-class="{'dd-vh-2':col.Length<=25 , 'dd-vh-5':col.Length>25 && col.Length<=50, 'dd-vh-10':col.Length>50 && col.Length<=100, 'dd-vh-15':col.Length>100 && col.Length<=150, 'dd-vh-20':col.Length>150 && col.Length<=250}">
                        <input placeholder="Search ..." st-search="col.Code" />
                    </th>
                </tr>
            </thead>
            <tbody>
                <tr ng-repeat="row in objectDataArr[0]">
                    <td ng-repeat="col in objectData.Tables[0].Columns" ng-class="{'dd-selected': row.showRowButtons == true, 'dd-vh-2':col.Length<=25 , 'dd-vh-5':col.Length>25 && col.Length<=50, 'dd-vh-10':col.Length>50 && col.Length<=100, 'dd-vh-15':col.Length>100 && col.Length<=150, 'dd-vh-20':col.Length>150 && col.Length<=250}">
                        <span class="dd-cell">{{row[col.Code]}}</span>
                    </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>
    </div>
</div>
InformationsquelleAutor Jester | 2015-04-19
  1. 15

    Das problem ist, dass wenn Sie laden Sie Ihre Daten asynchron, was Sie wahrscheinlich tun, wenn ich verstehe Ihre Beschreibung, die Sie brauchen, zu sagen, die smart-Tabelle zu beobachten, die Quelle, Sammlung, damit Sie auffrischen können, Wann immer es eine änderung. Für die, die Sie verwenden müssen, um die st-safe-src

    <table st-safe-src="objectDataArr[0]" st-table="whateverVarYouWantToUseInTheTemplate">
   <tr ng-repeat="item in whateverVarYouWantToUseInTheTemplate"></tr>
</table>
    • Ich habe das gleiche problem, aber die gezeigte Lösung hat nicht mein problem zu lösen. könnte poste ich meinen code hier oder sollte ich eine neue Frage?
    InformationsquelleAutor laurent
  2. 2

    Wenn du nett bist, wie ich, Sie möglicherweise vergessen haben, übergeben Sie die Abhängigkeit zu Ihrer app

    angular.module('app', ['ngRoute', 'smart-table'])
    InformationsquelleAutor Mike Wright
Schreibe einen Kommentar