How to apply paging for a dynamic generated table using java

Question

I unable to understand how to apply a paging for a dynamically generated table below is my code

$.ajax({

type: 'GET',

url: services.settings.dailydata,

data: "inviteId_=" + inviteId + "",

success: function (data) {

var Location = data;

var tr;

for (var i = 0; i < Location.length; i++) {

tr = tr + "<tr>";

tr = tr + "<td >" + Location[i].item + "</td>";

tr = tr + "<td >" + Location[i].itemname + "</td>";

tr = tr + "<td >" + Location[i].itemprice.toFixed(2) + "</td>";

tr = tr + "<td >" + Location[i].Unit + "</td>";

tr = tr + "</tr>";

};

document.getElementById('stc_d').style.display = "block";

document.getElementById('tbl_data').innerHTML = "<table id='xo1' >" + "<thead ><tr><th>item</th>"

+ "<th>itemname</th>" + "<th>itemprice</th>" + "<th>Unit</th>"+ "</tr></thead>"

+ tr +

"</table>";

},

error: function (e) {

navigator.notification.alert('Please enter valid details');

}

});

so can any one tell me how and where to implement paging ?