客户端分页不能在智能表中工作

因此，我得到了一个女巫的智能表，我重新加载了整个数据集（我需要一个图表）。但我不希望所有的数据一次渲染（得到太多）。所以在文档中有一些叫做"Client Side Pagination"的东西，但是由于某些原因，这似乎不起作用。 objectDataArr[0]包含整个数据集客户端分页不能在智能表中工作

我嘲笑起来就是：

<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>

来源

2015-04-19 Jester

的问题是，如果你异步加载你的数据，如果我理解你的描述，你可能做的，你需要告诉SMART-表观看源集合，以便在发生更改时可以刷新。对于您需要使用st-safe-src

<table st-safe-src="objectDataArr[0]" st-table="whateverVarYouWantToUseInTheTemplate"> 
    <tr ng-repeat="item in whateverVarYouWantToUseInTheTemplate"></tr> 
</table>

来源

2015-04-20 02:20:56 laurent

如果你很酷像我一样，你可能已经忘记了依赖传递给你的应用程序

angular.module('app', ['ngRoute', 'smart-table'])

来源

2017-02-09 21:52:35

客户端分页不能在智能表中工作

回答

相关问题