title: why list is not display while using collection-repeat instead of ng-repeat
body: <p>I used ng -repeat in my demo .But due to large data coming from service .I want to use  collection-repeat for performance better .how I will use collection-repeat  to get the same out put here .here is my plunker </p>
  
  <pre><code>&lt;ion-scroll scrollbar-y="true" delegate-handle="i" ng-style="viewHeight"&gt;
            &lt;div class="row" ng-repeat="column in i | limitTo: counter  track by $index" ng-class-odd="'odd-row'"&gt;
              &lt;div class="col brd collapse-sm" ng-repeat="field in column.columns" ng-show="i[$index].checked &amp;&amp; i[$index].f===field.fieldNameOrPath"&gt;{{field.value}}&lt;/div&gt;
              &lt;div class="col col-10 text-center brd collapse-sm"&gt;&lt;/div&gt;
            &lt;/div&gt;
          &lt;/ion-scroll&gt;
          &lt;ion-infinite-scroll immediate-check="false" on-infinite="loadMore(query)" distance="10%"&gt;&lt;/ion-infinite-scroll&gt;
  </code></pre>
  
  <p>here I am trying to use collection repeat  like that</p>
  
  <p>But not getting same result</p>
  
  <p>can we use thin grid view ?</p>