title: How to increase ng-repeat performance using Smart-Table?
body: <p>I have a problem of performance and i don't find the solution.</p>
  
  <p>Context: I need to display a lot of data ( 500 lines, 8 columns ) in a table. To displayed this data i chosed to use Smart-table because it offers good functionality but the problem is that i have a lot of data and the time of displaying data is very long ( 5 - 9 second, this depend of device performance ).</p>
  
  <p>Important thing: I need to display all data so i don't want pagination method, limit filter.</p>
  
  <p>So this code is working : </p>
  
  <pre><code>    &lt;ion-scroll class="scrollVertical" direction="xy" overflow-scroll="true" &gt;
              &lt;table st-table="tableaux" class="table table-striped"&gt;
                      &lt;thead&gt;
                          &lt;tr&gt;
                              &lt;th ng-repeat="column in ColumnTable"&gt;{{column.Label}}&lt;/th&gt;
                          &lt;/tr&gt;
                          &lt;tr&gt;
                              &lt;th ng-repeat="column in ColumnTable"&gt;
                                  &lt;input st-search="{{column.Id}}" placeholder="" class="input-sm form-control" type="search" ng-model="inputRempli"/&gt;
                              &lt;/th&gt;
                          &lt;/tr&gt;
                      &lt;/thead&gt;
                      &lt;tbody&gt;
                          &lt;tr ng-repeat="row in tableaux"&gt;
                              &lt;td ng-repeat="column in ColumnTable" ng-init="colonne = column.Id"&gt;{{row[colonne]}}&lt;/td&gt;
                          &lt;/tr&gt;
                      &lt;/tbody&gt;
                  &lt;/table&gt;
    &lt;/ion-scroll&gt;
  </code></pre>
  
  <p>I read that Ionic made a directive (<a href="http://ionicframework.com/docs/api/directive/collectionRepeat/">collection-repeat</a>) wich allows an app to show huge lists of items much more performantly than ng-repeat. So i tried to remake my solution with collection-repeat but that doesn't work...</p>
  
  <p>Code collection-repeat solution:</p>
  
  <pre><code>&lt;ion-scroll class="scrollVertical"&gt;
          &lt;table st-table="tableaux" class="table table-striped"&gt;
              &lt;thead&gt;
                  &lt;tr&gt;
                      &lt;th ng-repeat="column in ColumnTable"&gt;{{column.Label}}&lt;/th&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;th ng-repeat="column in ColumnTable"&gt;
                          &lt;input st-search="{{column.Id}}" placeholder="" class="input-sm form-control" type="search" ng-model="inputRempli"/&gt;
                      &lt;/th&gt;
                  &lt;/tr&gt;
              &lt;/thead&gt;
              &lt;tbody&gt;
                  &lt;tr collection-repeat="row in tableaux"  item-width="200px" item-height="100px"&gt;
                      &lt;td collection-repeat="column in ColumnTable" ng-init="colonne = column.Id" item-width="100px" item-height="100px"&gt;{{row[colonne]}}&lt;/td&gt;
                  &lt;/tr&gt;
              &lt;/tbody&gt;
          &lt;/table&gt;
      &lt;/ion-scroll&gt;
  </code></pre>
  
  <p>Error: Maximum call stack size exceeded</p>
  
  <p>Questions: Is there any angularjs or ionic solution to increase performance of smart-table with a lot of data ?
  What's wrong with my collection-repeat ?</p>