angular2 数据表 - 覆盖默认排序器和分页？答案

【问题标题】：angular2 datatable - override Default Sorter and pagination?angular2 数据表 - 覆盖默认排序器和分页？
【发布时间】：2017-04-20 22:45:36
【问题描述】：

我在我的项目中使用angular2-datatable 来显示一些数据表。

目前，我加载了 100 个项目，并且对加载的项目进行了排序和分页。

在我的例子中，我的用户每个人都有大约 3K 个对象，所以我不想将它们全部加载到我的表中。

但是我希望能够使用我的 API 自己进行一些分页和排序。

-> 但为此，我需要能够覆盖mfDefaultSorter

我有这个：

<table class="table  table-hover table-outline mb-0 " [mfData]="items" #mf="mfDataTable" [mfRowsOnPage]="RowsOnPage" >
  <thead class="thead-default">
     <tr>

       <th>
         <mfDefaultSorter by="type">Type</mfDefaultSorter>
       </th>

    </tr>
 .....

所以在这里，mfDefaultSorter 将按我的字段“类型”对项目进行排序。但现在我希望它进入我的 component.component.ts 的方法中，这样我就可以使用我的 API 进行排序

同样的想法，分页是在加载的项目上完成的，但我希望能够通过我的 API 来实现。

有什么想法吗？

如果该软件包无法做到这一点，您是否有其他软件包？

谢谢！

【问题讨论】：

标签： angular datatable pagination angular2-directives

【解决方案1】：

您可以通过[by]="yourmethodname"更改参数并在该方法中进行所需的排序。参考这个link

【讨论】：