Bootstrap Datatable 簡單的基本配置

$(document).ready(function() {

    $('#example').dataTable({

"sScrollX": "100%",   //表格的寬度

  "sScrollXInner": "110%",   //表格的內容寬度

  "bScrollCollapse": true,  //當顯示的數據不足以支撐表格的默認的高度時，依然顯示縱向的滾動條。(默認是false) 

"bPaginate": true,  //是否顯示分頁

  "bLengthChange": true,  //每頁顯示的記錄數

  "bFilter": true, //搜索欄

  "bSort": true, //是否支持排序功能

  "bInfo": true, //顯示錶格信息

  "bAutoWidth": false,  //自適應寬度

  "aaSorting": [[1, "asc"]],  //給列表排序 ，第一個參數表示數組 (由0開始)。1 表示Browser列。第二個參數爲 desc或是asc

  "aoColumns": [

      null,

      null,

      {

          "bVisible": true, //不可見

          "bSearchable": false, //參與搜索

      },

      null,

      null

  ], //列設置，表有幾列，數組就有幾項

   "bStateSave": true, //保存狀態到cookie *************** 很重要 ， 當搜索的時候頁面一刷新會導致搜索的消失。使用這個屬性就可避免了

  "sPaginationType": "full_numbers", //分頁，一共兩種樣式，full_numbers和two_button(默認)

  "oLanguage": {

      "sLengthMenu": "每頁顯示 _MENU_ 條記錄",

      "sZeroRecords": "對不起，查詢不到任何相關數據",

      "sInfo": "當前顯示 _START_ 到 _END_ 條，共 _TOTAL_ 條記錄",

      "sInfoEmtpy": "找不到相關數據",

      "sInfoFiltered": "數據表中共爲 _MAX_ 條記錄)",

      "sProcessing": "正在加載中...",

      "sSearch": "搜索",

      "sUrl": "", //多語言配置文件，可將oLanguage的設置放在一個txt文件中，例：Javascript/datatable/dtCH.txt

      "oPaginate": {

          "sFirst":    "第一頁",

          "sPrevious": " 上一頁 ",

          "sNext":     " 下一頁 ",

          "sLast":     " 最後一頁 "

      }

  }, //多語言配置

 "bJQueryUI": false, //可以添加 jqury的ui theme  需要添加css

       "aLengthMenu": [[10, 25, 50, -1, 0], ["每頁10條", "每頁25條", "每頁50條", "顯示所有數據", "不顯示數據"]]  //設置每頁顯示記錄的下拉菜單

    });

});

直接調用默認的設置

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