How to page a section that has multiple tables so that each page shows limited tables only?

See more:

C#

Javascript

MVC4

paging

i have a search column which on searching shows multiple tables as results (by multiple i mean in 1000 or more) .

Problem - generated tables are shown in one page only i want them to be shown in multiple pages for better readability also i want to sort some columns of each table.

for example

in Views cshtml format i have something like this

<br />
<pre lang="C#"><section class="someclass"><br />
foreach(var item in something)<br />
{<br />
<br />
<table><br />
<tr><br />
<td>@item.a</td><br />
<td>@item.b</td><br />
</tr><br />
<tr><br />
<td>@item.c</td><br />
<td>@item.d</td><br />
</tr><br />
<br />
   </table><br />
<br />
  }<br />
 <br />
    </section><br />
<br />

and the 'var' is generally very large in count so this code generates a lot of tables
any idea how i could do paging in this case

What I have tried:

well i have tried table sorter and i am confused how to implement that in a setion..

apart from that i dont wanna use server side options i wanna keep the code in javascript ,only