JQuery.DataTables

1.jquery.datatables.js
2.ページにdatatableを設定する
次に、サーバ側でページングが有効になっていない場合、すべてのデータが取得され、クライアントが自動的にページングされます.
 

  $(".data-table").dataTable({

                    "bDestory": true,//     

                    "bRetrieve": true,

                    "bPaginate": true, //  ，       

                    //                "bInfo": true, //  ，           

                    "bFilter": false, //  ，          

                    //                "bAutoWith": false,

                    //                "bDeferRender": false,

                    "bJQueryUI": true, //  ，    JQueryUI  

                    "bLengthChange": false, //  ，            

                    //"bProcessing": true,

                    "bServerSide": false,//          

                    //                "bScrollInfinite": false,

                    //                "sScrollY": "800px", //        ，          ,   ：'disabled','2000px'

                    //                "bSort": true, //  ，               

                    //                "bSortClasses": true,

                    //"bStateSave": false, //  ，             。        cookies  ，         ，        ，        ，            - ------   true aoColumnDefs     

                    //                "sScrollX": "50%", //        ，          ,   ：'disabled','2000%'

                    //                "aaSorting": [[0, "asc"]],



                    //                "aoColumnDefs": [{ "bVisible": false, "aTargets": [0]}]//   



                    "sAjaxSource": "../Tools/getTable.ashx?time=" + time + "&&shoplist=" + shoplist,

                    //sEcho=3&iDisplayStart=1&iDisplayLength=2&iSortingCols=1&sSearch=false&iColumns=4&sColumns=sysType,userCode,sysMsg,sysIP,sysTime",

                    "sDom": '<""l>t<"F"fp>',

                    "bAutoWidth": false, //     

                    "aaSorting": [[1, "asc"]],

                    "sPaginationType": "full_numbers",

                    "oLanguage": {

                        "iDisplayLength": 2,

                        "sProcessing": "     ......",

                        "sLengthMenu": "     _MENU_    ",

                        "sZeroRecords": "   ，        ！",

                        "sEmptyTable": "       ！",

                        "sInfo": "     _START_   _END_  ，  _TOTAL_    ",

                        "sInfoFiltered": "       _MAX_    ",

                        "sSearch": "  ",

                        "oPaginate": {

                            "sFirst": "  ",

                            "sPrevious": "   ",

                            "sNext": "   ",

                            "sLast": "  "

                        }

                    } //     

                }).fnDestroy();

　　

"bDestory": true,//     

"bRetrieve": true,

fnDestroy()
       ，      

サーバー側でページングを有効にし、「bServerSide」をtrueに設定すると、サーバー側にパラメータが渡されます.