angular - ionic 3 可排序网格或表格

Question

我用它来模拟 ionic 表: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