Reputation: 71
Hi I am facing issue while integrating dir-pagination on multiple tables of same page anyone please suggest solution,dir-pagination is working fine for first table but for second table it is not working properly, when we switch page for first table second table pages also get switch.
<table>
<thead>
<tr>
<th>_id1</th>
<th>modifiedDate1</th>
</tr>
</thead>
<tbody>
<tr dir-paginate = "result in searchResult1 |filter:search |itemsPerPage:5">
<td>{{result._id}}</td>
<td>{{result.modifiedDate | date:"MM-dd-yyyy h:mma"}}</td>
</tr>
</tbody>
</table>
<dir-pagination-controls class="pull-right"
max-size="6"
direction-links="true"
boundary-links="true">
</dir-pagination-controls>
<table>
<thead>
<tr>
<th>_id2</th>
<th>modifiedDate2</th>
</tr>
</thead>
<tbody>
<tr dir-paginate = "row in searchResult2 |filter:search |itemsPerPage:5">
<td>{{row._id}}</td>
<td>{{row.modifiedDate | date:"MM-dd-yyyy h:mma"}}</td>
</tr>
</tbody>
</table>
<dir-pagination-controls class="pull-right"
max-size="6"
direction-links="true"
boundary-links="true">
</dir-pagination-controls>
Upvotes: 4
Views: 6089
Reputation: 1
Set unique pagination id for every table in a single page
</table>
strong text
Upvotes: -1