Tabs with pagination in one tab not working Framework7 V1

I have 3 tabs as follows:

<a href="#tab1" class="tab-link active button">Tab 1</a>
 <a href="#tab2" class="tab-link button">Tab 2</a>
<a href="#tab3" class="tab-link button">Tab 3</a>

and the following in Tab 1

> <div class="tabs-simple">
> <div class="tabs">
> <div id="tab1" class="tab active">
> <h3>Booking 1:</h3>
>  <ul class="responsive_table">
>  <li class="table_row">
>  <div class="table_section_14">Name</div>
> <div class="table_section_14_a">Details</div>
>  <div class="table_section_14_b">Book</div>  
>  </li>

I am using a simple pagination css for Tab 1 and everything is working fine. For pagination I am using the page GET variable in php:

if (!isset($_GET[‘page’])) {
$page = 1;
} else{
$page = $_GET[‘page’];
}!/booking works fine

But after using!/booking?page=1 //WILl Not Work

Tabs 2 and 3 will not work. If i use swipable tabs tabs-swipeable-wrap, it will work. If i use tabs-simple it will not. I am confused on what is going wrong ??

Requesting help from experts.

I see you have tab-active class only on first tab, you must set it then on related tab

Sorry, i cant understand what you pointed out.

I have the following:

<a href="#tab1" class="tab-link active button">Tab 1</a>

and the related tab is:

`div id=“tab1” class=“tab active”>

Both have the active class ??

Ok, what do you mean by pagination? Provide more details on what you are trying to achieve