shreyas
shreyas

Reputation: 71

pagination on multiple tables on same page AngularJS

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

Answers (1)

Ashish Gunjal
Ashish Gunjal

Reputation: 1

Set unique pagination id for every table in a single page

</table>

strong text

Upvotes: -1

Related Questions