getPagination('#table-100');
if(jQuery("#table-100").css('display')=='none'){
jQuery('.pagination-container').hide();
jQuery('.pagination-container-2').show();
}
if(jQuery("#table-200").css('display')=='none'){
jQuery('.pagination-container').show();
jQuery('.pagination-container-2').hide();
}
jQuery(".toggle__switch").click(function (){
if(jQuery("#table-100").css('display')=='none'){
jQuery('.pagination-container').show();
jQuery('.pagination-container-2').hide();
}
if(jQuery("#table-200").css('display')=='none'){
jQuery('.pagination-container').hide();
jQuery('.pagination-container-2').show();
}});
function getPagination(table){
var lastPage=1;
jQuery('#maxRows')
.on('change', function (evt){
lastPage=1;
jQuery('.pagination')
.find('li')
.slice(1, -1)
.remove();
var trnum=0;
var maxRows=parseInt(jQuery(this).val());
if(maxRows==5000){
jQuery('.pagination').hide();
}else{
jQuery('.pagination').show();
}
var totalRows=jQuery(table + ' tbody tr').length;
jQuery(table + ' tr:gt(0)').each(function (){
trnum++;
if(trnum > maxRows){
jQuery(this).hide();
}
if(trnum <=maxRows){
jQuery(this).show();
}});
if(totalRows > maxRows){
var pagenum=Math.ceil(totalRows / maxRows);
for (var i=1; i <=pagenum;){
jQuery('.pagination #prev')
.before('<li data-page="' +
i +
'">\
<span>' +
i++ +
'<span class="sr-only">(current)</span></span>\
</li>'
)
.show();
}}
jQuery('.pagination [data-page="1"]').addClass('active');
jQuery('.pagination li').on('click', function (evt){
evt.stopImmediatePropagation();
evt.preventDefault();
var pageNum=jQuery(this).attr('data-page');
var maxRows=parseInt(jQuery('#maxRows').val());
if(pageNum=='prev'){
if(lastPage==1){
return;
}
pageNum=--lastPage;
}
if(pageNum=='next'){
if(lastPage==jQuery('.pagination li').length - 2){
return;
}
pageNum=++lastPage;
}
lastPage=pageNum;
var trIndex=0;
jQuery('.pagination li').removeClass('active');
jQuery('.pagination [data-page="' + lastPage + '"]').addClass('active');
limitPagging();
jQuery(table + ' tr:gt(0)').each(function (){
trIndex++;
if(trIndex > maxRows * pageNum ||
trIndex <=maxRows * pageNum - maxRows
){
jQuery(this).hide();
}else{
jQuery(this).show();
}});
});
limitPagging();
})
.val(5)
.change();
}
function limitPagging(){
if(jQuery('.pagination li').length > 7){
if(jQuery('.pagination li.active').attr('data-page') <=3){
jQuery('.pagination li:gt(5)').hide();
jQuery('.pagination li:lt(5)').show();
jQuery('.pagination [data-page="next"]').show();
}
if(jQuery('.pagination li.active').attr('data-page') > 3){
jQuery('.pagination li:gt(0)').hide();
jQuery('.pagination [data-page="next"]').show();
for (let i=(parseInt(jQuery('.pagination li.active').attr('data-page')) - 2); i <=(parseInt(jQuery('.pagination li.active').attr('data-page')) + 2); i++){
jQuery('.pagination [data-page="' + i + '"]').show();
}}
}};
getPagination2('#table-200');
function getPagination2(table){
var lastPage=1;
jQuery('#maxRows')
.on('change', function(evt){
lastPage=1;
jQuery('.pagination2')
.find('li')
.slice(1, -1)
.remove();
var trnum=0;
var maxRows=parseInt(jQuery(this).val());
if(maxRows==5000){
jQuery('.pagination2').hide();
}else{
jQuery('.pagination2').show();
}
var totalRows=jQuery(table + ' tbody tr').length;
jQuery(table + ' tr:gt(0)').each(function(){
trnum++;
if(trnum > maxRows){
jQuery(this).hide();
}
if(trnum <=maxRows){
jQuery(this).show();
}});
if(totalRows > maxRows){
var pagenum=Math.ceil(totalRows / maxRows);
for (var i=1; i <=pagenum;){
jQuery('.pagination2 #prev')
.before('<li data-page="' +
i +
'">\
<span>' +
i++ +
'<span class="sr-only">(current)</span></span>\
</li>'
)
.show();
}}
jQuery('.pagination2 [data-page="1"]').addClass('active');
jQuery('.pagination2 li').on('click', function(evt){
evt.stopImmediatePropagation();
evt.preventDefault();
var pageNum=jQuery(this).attr('data-page');
var maxRows=parseInt(jQuery('#maxRows').val());
if(pageNum=='prev'){
if(lastPage==1){
return;
}
pageNum=--lastPage;
}
if(pageNum=='next'){
if(lastPage==jQuery('.pagination2 li').length - 2){
return;
}
pageNum=++lastPage;
}
lastPage=pageNum;
var trIndex=0;
jQuery('.pagination2 li').removeClass('active');
jQuery('.pagination2 [data-page="' + lastPage + '"]').addClass('active');
limitPagging();
jQuery(table + ' tr:gt(0)').each(function(){
trIndex++;
if(trIndex > maxRows * pageNum ||
trIndex <=maxRows * pageNum - maxRows
){
jQuery(this).hide();
}else{
jQuery(this).show();
}});
});
limitPagging();
})
.val(5)
.change();
};