I just made a table which has 120 rows, I am going to put pages numbers on the bottom to let the user select, I want to show 15 rows in one page and when the user click the second page the rows should be replaced with new 15 rows.

```
<div class="full" >
            <table class="flat-table flat-table-2" width="70%" style="margin:auto;">
                <tr><th>numbers</th><th>address</th></tr>

                <div id="page1">

                <tr><td>3</td><td><a href="#">test</a></td></tr>
                <tr><td>5</td><td><a href="#">test</a></td></tr>
                <tr><td>1</td><td><a href="#">test</a></td></tr>
                <tr><td>1</td><td><a href="#">test</a></td></tr>
                <tr><td>1</td><td><a href="#">test</a></td></tr>
                <tr><td>1</td><td><a href="#">test</a></td></tr>
                <tr><td>1</td><td><a href="#">test</a></td></tr>
                <tr><td>1</td><td><a href="#">test</a></td></tr>
                <tr><td>1</td><td><a href="#">test</a></td></tr>
                <tr><td>1</td><td><a href="#">test</a></td></tr>
                <tr><td>1</td><td><a href="#">test</a></td></tr>
                <tr><td>1</td><td><a href="#">test</a></td></tr>
                <tr><td>1</td><td><a href="#">test</a></td></tr>

                </div>

                <div id="page2">

                <tr><td>3</td><td><a href="#">test</a></td></tr>
                <tr><td>5</td><td><a href="#">test</a></td></tr>
                <tr><td>1</td><td><a href="#">test</a></td></tr>
                <tr><td>1</td><td><a href="#">test</a></td></tr>
                <tr><td>1</td><td><a href="#">test</a></td></tr>
                <tr><td>1</td><td><a href="#">test</a></td></tr>
                <tr><td>1</td><td><a href="#">test</a></td></tr>
                <tr><td>1</td><td><a href="#">test</a></td></tr>
                <tr><td>1</td><td><a href="#">test</a></td></tr>
                <tr><td>1</td><td><a href="#">test</a></td></tr>
                <tr><td>1</td><td><a href="#">test</a></td></tr>
                <tr><td>1</td><td><a href="#">test</a></td></tr>
                <tr><td>1</td><td><a href="#">test</a></td></tr>

                </div>

                <div id="page3">

                <tr><td>3</td><td><a href="#">test</a></td></tr>
                <tr><td>5</td><td><a href="#">test</a></td></tr>
                <tr><td>1</td><td><a href="#">test</a></td></tr>
                <tr><td>1</td><td><a href="#">test</a></td></tr>
                <tr><td>1</td><td><a href="#">test</a></td></tr>
                <tr><td>1</td><td><a href="#">test</a></td></tr>
                <tr><td>1</td><td><a href="#">test</a></td></tr>
                <tr><td>1</td><td><a href="#">test</a></td></tr>
                <tr><td>1</td><td><a href="#">test</a></td></tr>
                <tr><td>1</td><td><a href="#">test</a></td></tr>
                <tr><td>1</td><td><a href="#">test</a></td></tr>
                <tr><td>1</td><td><a href="#">test</a></td></tr>
                <tr><td>1</td><td><a href="#">test</a></td></tr>

                </div>

         </table>

         <div class="footer-pop">

         <a href= "3" id="page3"class="pages">3</a>
         <a href= "2" id="page2"class="pages">2</a>
         <a href="1" id="page1"class="pages">1</a>
        </div>
        </div>

```