How to add pagination to dynamic table

function makeTable(data)
{
var tr1 = "";
 tr1 = $('<td/>');
for (var i = 1;  i < data.length; i++) {
	
	
tr1.append("<td align='char'><a href='<?php echo $_SERVER['PHP_SELF'] ?>?<?php echo md5('c') ?>="+data[i].cat_id+"&<?php echo md5('p') ?>="+data[i].pd_id+"'><img src=images/product/"+ data[i].pd_image +" ></a> <br><FONT SIZE=2 color=#446664>"+data[i].pd_name+"</FONT></br> 																												<br><FONT SIZE=2 color=#446664>"+data[i].pd_price+"</FONT></br><br><a href='#' class=\"btn btn-default add-to-cart\"><img src='include/shopcart2.png'/></a><select name="+data[i].pd_name+" size='1' id='txtQuantity' type=\"hidden\"onMouseover=\"fixedtooltip('Item Quantity', this, event, '100px')\" onMouseout=\"delayhidetip()\"onchange=\"zipcode(this)\"><br><option value=\"1\">1</option><option value=\"2\">2</option><option value=\"3\">3</option><option value=\"4\">4</option><option value=\"5\">5</option><option value=\"6\">6</option><option value=\"7\">7</option><option value=\"8\">8</option><option value=\"9\">9</option><option value=\"10\">10</option></select>  <br><img src=\"img/rating.png\" alt=\"\" /></FONT><br><span class=\"price\"><FONT SIZE=2>Price : "+data[i].pd_price+"</FONT></span> </td>");
	//temp+1;
	if(i%3==0)
	{
		tr1.append("</td>");
		tr1.append("<tr><td></td></tr>");
		//temp=0;
	}
	return tr1;
}