离子3可排序的网格或表格

Question

我用它来模仿离子表：https://codepen.io/anon/pen/pjzKMZ

<ion-content>
        <div class="row header">
          <div class="col">Utility Company Name</div>
          <div class="col">Service Code</div>
          <div class="col">Pay Limit</div>
          <div class="col">Account Number to Use</div>
          <div class="col">Actions</div>
        </div>
        <div class="row" ng-repeat="data in ctrl.data">
          <div class="col">{{data.name}}</div>
          <div class="col">{{data.code}}</div>
          <div class="col">LK {{data.limit}}</div>
          <div class="col">{{data.account}}</div>
          <div class="col"><button class="button">Add</button></div>
        </div>
</ion-content>

我希望能够按列排序。 Ionic 3有可能吗？

Answer 1

我建议使用Angular ag-grid。它具有列排序功能，开箱即用。

npm install ag-grid