pagination on multiple tables on same page AngularJS

Question

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>

Set unique pagination id for each instance like ```` and use the same paginate id in respective paginate controller like ````. Refer https://github.com/michaelbromley/angularUtils/tree/master/src/directives/pagination#multiple-pagination-instances-on-one-page — Sameer K, Nov 24 '15 at 05:27

score -1 · Answer 1 · answered Mar 14 '18 at 05:10

-1

Set unique pagination id for every table in a single page

</table>

strong text

answered Mar 14 '18 at 05:10

Ashish Gunjal

1
1

pagination on multiple tables on same page AngularJS

1 Answers1