简体   繁体   中英

Pagination table - Angular 2

I have a table with 200 rows, and I would like to show them in different pages (10 per page)

<table class="table table-striped table-condensed table-hover table-bordered pointer">
    <thead>
        <th>ID</th>
    </thead>
    <tbody>
       <tr *ngFor="let car of cars;let i = index">
          <td>{{car.ID}}</td>
      </tr>
   </tbody>
</table>

Here is a very good explanation on how to implement pagination in Angular:

Angular 2/5 - Pagination Example with Logic like Google

You can see an example of how I implemented this on a sample website I made, and you can get the full source code at my GitHub repo here .

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM