jQuery的表格插件 - DataTables

DataTables是一個jQuery的表格插件。這是一個高度靈活的工具，依據的基礎逐步增強，這將增加先進的互動控制，支持任何HTML表格。主要特點：

• 自動分頁處理
• 即時表格數據過濾
• 數據排序以及數據類型自動檢測
• 自動處理列寬度
• 可通過CSS定制樣式
• 支持隱藏列
• 易用
• 可擴展性和靈活性
• 國際化
• 動態創建表格
• 免費的

-----------最簡單的方式：

 $(document).ready(function() {

 $("#example").dataTable();

});



----------也可以自己定義各屬性：

<script type="text/javascript" language="javascript">
        $(document).ready(function() {
            $("#example").dataTable({
//                "bPaginate": true, //開關，是否顯示分頁器
//                "bInfo": true, //開關，是否顯示表格的一些信息
//                "bFilter": true, //開關，是否啟用客戶端過濾器
//                "sDom": "<>lfrtip<>",
//                "bAutoWith": false,
//                "bDeferRender": false,
//                "bJQueryUI": false, //開關，是否啟用JQueryUI風格
//                "bLengthChange": true, //開關，是否顯示每頁大小的下拉框
//                "bProcessing": true,
//                "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]}]//隱藏列
//                "sDom": '<"H"if>t<"F"if>',
                "bAutoWidth": false, //自適應寬度
                "aaSorting": [[1, "asc"]],
                "sPaginationType": "full_numbers",
                "oLanguage": {
                    "sProcessing": "正在加載中......",
                    "sLengthMenu": "每頁顯示 _MENU_ 條記錄",
                    "sZeroRecords": "對不起，查詢不到相關數據！",
                    "sEmptyTable": "表中無數據存在！",
                    "sInfo": "當前顯示 _START_ 到 _END_ 條，共 _TOTAL_ 條記錄",
                    "sInfoFiltered": "數據表中共為 _MAX_ 條記錄",
                    "sSearch": "搜索",
                    "oPaginate": {
                        "sFirst": "首頁",
                        "sPrevious": "上一頁",
                        "sNext": "下一頁",
                        "sLast": "末頁"
                    }
                } //多語言配置



            });
        });
    </script>

項目主頁：http://www.baiduhome.net/lib/view/home/1325744494375