插件：pagination
<script src="SHC_VoithChinaTravelApplicationpagination.js"></script>
    <script>
        var pageIndex = 0;     //頁面索引初始值
        var pageSize = 5;     //每頁顯示條數初始化，修改顯示條數，修改這裏即可
        $(function () {
            GetSalesOrder();

        })
        function GetSalesOrder() {
            var varSalesOrder = $("#txtSalesOrderNum").val();
            if (varSalesOrder == "") {
                $("#Result tr:gt(0)").remove();
                $("#Result").append("<tr><td colspan=‘2‘>Pls. input the sales order.</td></tr>");
            } else {
                $.ajax({
                    url: ‘SHC_VoithChinaTravelApplicationSalesOrder.ashx‘,
                    type: ‘post‘,
                    data: { ‘SalesOrderNum‘: $("#txtSalesOrderNum").val(), ‘Type‘: ‘DataCount‘ },
                    error: function (response) { alert(response); },
                    beforeSend: function () {
                        $("#divContent").empty();
                        $("<div class=\"datagrid-mask\"></div>").css({ display: "block", width: "100%" }).appendTo("body");
                        $("<div class=\"datagrid-mask-msg\"></div>").html("Search...").appendTo("#divBody").css({
                            display: "block",
                            left: ($(document.body).outerWidth(true) - 190) / 2,
                        });

                    },
                    complete: function (data) {
                        $(‘.datagrid-mask-msg‘).remove();
                        $(‘.datagrid-mask‘).remove();
                    },
                    success: function (response) {
                        InitTable(0);
                        $("#Pagination").pagination(response, {
                            callback: PageCallback,  //PageCallback() 為翻頁調用次函數。
                            items_per_page: pageSize,
                            current_page: pageIndex,   //當前頁索引
                        });
                    }
                })
            }
        }

        //翻頁調用
        function PageCallback(index, jq) {
            InitTable(index);
        }

        //請求數據
        function InitTable(pageIndex) {
            $.ajax({
                type: "post",
                dataType: "text",
                url: ‘SHC_VoithChinaTravelApplicationSalesOrder.ashx‘,      //提交到一般處理程序請求數據
                data: { ‘SalesOrderNum‘: $("#txtSalesOrderNum").val(), ‘pageIndex‘: pageIndex, ‘pageSize‘: pageSize, ‘Type‘: ‘Detail‘ },
                success: function (data) {
                    $("#Result tr:gt(0)").remove();        //移除Id為Result的表格裏的行，從第二行開始（這裏根據頁面布局不同頁變）
                    $("#Result").append(data);             //將返回的數據追加到表格
                }
            });
        }

        function SetCustomer(returnValue) {

            window.parent.document.getElementById("Main_TypeValue").value = returnValue;           
            parent.$.fancybox.close();

        }

    </script>

分頁控件的使用