Pagination Area Issue

[Anatolii-B]

I faced with issue, when i have more then 1 grid on page, and only one in the same time is active (others are on separate tabs on page), when i make another visible (click on tab) there is a bug - scroll bar overlaying pagination area (Number of rows etc.)

Is there any way to avoid this problem?

[jimgit]

Can you submit a jsfiddle demonstrating the problem?

[Anatolii-B]

@jimgit Yes, sorry i was a bit wrong, problem reproduces when at the begining area with grid is hidden, and when we show it - footer with pagination area is overlapping data. It couse problem - when on page we have several tabs on page, and on that tabs are this grids. I found a temporary solution - each time when i made some tab with grid visible - i call "resetView" method, is there any other way to fix it? Thanks

Steps to reproduce -

• open link http://jsfiddle.net/2xar57hw/3/
• wait a few seconds, make result view window small
• click "Show" button and scroll edge scrollbar down

[djhvscf]

Please see this example: http://jsfiddle.net/djhvscf/2xar57hw/11/

I just added this method

$('#showGridButton').click(function(){
  $('#gridContainer').css('display','block');
  $table.bootstrapTable('resetView');
});