mrk-j / paginga Goto Github PK

I use this issue to host images for the README.md file.

Paginga plugin not working after ajax call when dom changed.

The plugin work at beginning, but when the ajax is call and we change the content from the div that include paginga div class, the plugin is not working, it not attaching, even if we called and try to reattach after the ajax call, in complete function.

The html that is replace after ajax called in the same has below, all the class needed for paginga is there, work at the beginning (first load page), but with same paginga class and div, just the content between changed. Should work, but when we called $(".leftCVColumn").paginga()....after ajax, after success and in complete function, html changed (yes the classes and divs, needed for Paginga is correct and the same, used at beggining, like i said), but this time Paginga plug is not attaching to leftCVColumn.

Please, fix this in plugin or if you have an ideas and test it, what i can try, please help, i try all i can see. Do this as soon as possible, because my client need it for it web page, very very soon, thank you very much, in advanced.

Here an example of my source (same for beginning (first page load) and after ajax called):

<div id="listeCandidatsCV" class="leftCVColumn" style="position: relative; width: 18%; min-width: 180px; height:auto;">
							<!-- div items pour la pagination -->
							<div class="items">
								.
	                                                        .
                                                                .
								<div class="PaginateItem">
                                                                .
                                                                .
                                                                .
								<!-- Fermeture du div class PaginateItem -->
								</div>
							</div>
							<div class="pager" style="position: relative; width: 18%; min-width: 180px; height:auto; ">
								<div class="firstPage">&laquo;</div>
								<div class="previousPage">&lsaquo;</div>
								<div class="pageNumbers"></div>
								<div class="nextPage">&rsaquo;</div>
								<div class="lastPage">&raquo;</div>
							</div>
							</div>

Hi Team

I am facing one issue which is related to paging. Paging working fine when first filter applied but second time filter, It's displaying all the record. So I need to reset pager after when filter happen. can you please help me

Scenario :

1. Items per page : 10
2. I am having 13 records in dataset,
3. Pager we got like Prev 1 2 Next
4. I clicked on the second page and
5. I filtered data based with same criteria, so here I can see all the page records( page 1 & page 2 ) but it should display record for page 1

Advance thanks

Scroll to the top of the paged <div> if the top is not in the viewport.

there is no functionality to redraw so while i delete one or few items from list using remove , its stays with renaming items .

Hello and thank you for a really good script! One issue though... Let's say I navigate to page 3, and here I press a link that takes me to an external page. If I press the back button in the browser, I am taken to page 1, not page 3.

This is browser dependent. Safari on Ios and Firefox on windows take me to page 3. Chrome and Edge take me to page 1.

Is there a fix for this? An option would be to somehow add a hash to the URL. Could there be a more elegant solution?

I tried to use this very interresting plugin to paginate an

• list but I encountered this error:

  this.items.length is not a function

  I use jquery 3.1.0

Will the paginga plugin available for npm?