angular2 datatable - 覆盖默认排序和分页?

时间:2016-12-06 10:20:36

标签: angular datatable pagination angular2-directives

我在我的项目中使用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会根据我的字段&#39;类型&#39;对项目进行排序。 但现在我希望它采用我component.component.ts的方法,以便我可以使用我的API进行排序

并且使用相同的想法,对已加载的项目进行分页, 但我希望能够从我的API中做到这一点。

有什么想法吗?

如果包裹无法做到这一点,你还有另一个包吗?

谢谢!

1 个答案:

答案 0 :(得分:0)

您可以按[by]="yourmethodname"更改参数 并在该方法中进行必要的排序。 请参阅此link