问简单的分页jquery总是有10行

EN

var items;
var perPage = 10;

// now setup pagination
var $pagination = $("#searchresult");
$pagination.pagination({
    itemsOnPage: perPage,
    cssStyle: "light-theme",
    onPageClick: function(pageNumber) { // this is where the magic happens
        // someone changed page, lets hide/show trs appropriately
        var showFrom = perPage * (pageNumber - 1);
        var showTo = showFrom + perPage;

        items.hide() // first hide everything, then show for the new page
            .slice(showFrom, showTo).show();

    }
});
function updateItems() {
    items = $(".paginate");

    // we'll update the number of items that the pagination element expects
    // using a method from the simplePagination documentation: updateItems
    $pagination.pagination("updateItems", items.length);
    // next we'll re-select the page so the onPageClick function we already
    // programmed will handle hiding and showing the correct content for us

    // note that the page we were on before may no longer exist (i.e. if
    // elements were removed and that page is no longer required), so we
    // will make sure to select an existing page
    var page = Math.min(
        $pagination.pagination("getCurrentPage"),
        $pagination.pagination("getPagesCount")
    );

    $pagination.pagination("selectPage", page);

    var tablerow = $("#searchresult").find("tr:gt(0)").length;
    if (tablerow < 10) {
        for (var i = tablerow; i < 10; i++) {
            var tr = $('<tr/>');
            tr.append("<td id=''></td>");
            tr.append("<td id=''></td>");
            tr.append("<td id=''></td>");
            tr.append("<td id=''></td>");
            tr.append("<td id=''></td>");
            tr.append("<td id=''></td>");

            $("#searchresult").append(tr);
        }
    }

}

success: function(data) {
    var tr;
    $("#searchresult").find("tr:gt(0)").remove();
    for (var i = 0; i < data.length; i++) {
        tr = $('<tr class="paginate"/>');
        tr.append("<td id=''>" + data[i].sid + "</td>");
        tr.append("<td ><span id='" + data[i].id1 + "'>" + data[i].name1 + "</span></td>");
        tr.append("<td ><span id='" + data[i].id2 + "'>" + data[i].name2 + "</span></td>");
        tr.append("<td ><span id='" + data[i].id3 + "'>" + data[i].name3 + "</span></td>");
        tr.append("<td ><span id='" + data[i].id4 + "'>" + data[i].name4 + "</span></td>");
        tr.append("<td id=''>" + "<a class=\"searchresult\"  href='#' >View Details</a>" + "</td>");
        $("#searchresult").append(tr);
    }
    updateItems();
},