Why is the list not showing when using collection repeat and not ng-repeat

I used ng -repeat in my demo. But because of the big data coming from the service. I want to use collection iteration to improve performance. How would I use collection-replay to get the same as here. plunker

<ion-scroll scrollbar-y="true" delegate-handle="i" ng-style="viewHeight">
          <div class="row" ng-repeat="column in i | limitTo: counter  track by $index" ng-class-odd="'odd-row'">
            <div class="col brd collapse-sm" ng-repeat="field in column.columns" ng-show="i[$index].checked && i[$index].f===field.fieldNameOrPath">{{field.value}}</div>
            <div class="col col-10 text-center brd collapse-sm"></div>
          </div>
        </ion-scroll>
        <ion-infinite-scroll immediate-check="false" on-infinite="loadMore(query)" distance="10%"></ion-infinite-scroll>

      

        
        
        
      

    

here i am trying to use collection iteration like this

But it doesn't get the same result

Can I use a fine mesh?