Paging effects with javascript

1

Does anyone know how to answer me how to make paging effects on my HTML page? For example I have a table but this table can only display 10 records at a time, does anyone have any idea how to do this using angularjs or jquery?

    
asked by anonymous 27.01.2015 / 23:44

1 answer

2

Leonardo, follow the example below that I implemented on top of the DirPagination directive:

link

The only change I made was to add the animated.css file to the header, so I added the animation class to ngRepeat (in the case of Dir-Pagination), so any filter or pagination will have the effect:

 <link rel="stylesheet" href="//daneden.github.io/animate.css/animate.min.css" />

<li class="animated fadeIn" dir-paginate="meal in meals | filter:q | itemsPerPage: pageSize" current-page="currentPage">{{ meal }}</li>

That is, it was not necessary to use anything other than css for this purpose.

Follow the site if you want to use other animations:

link

    
10.03.2015 / 16:08