1. function doSearch() {
3. if(dtable!=null){
4. dtable.fnClearTable(0);
5. dtable.fnDraw(); // 重新加載數據
6. }else{
7. dtable = $("#datatable_ajax").dataTable({ //<span style="font-family: Arial, Helvetica, sans-serif;">datatable_ajax表單的id</span>
9. "oLanguage" : { // 漢化
10. "sLengthMenu": "每頁顯示 _MENU_條",
11. "sZeroRecords": "沒有找到符合條件的數據",
12. "sProcessing": "加載中...",
13. "sInfo": "當前第 _START_ - _END_ 條　共計 _TOTAL_ 條",
14. "sInfoEmpty": "沒有記錄"
    ,
15. "sInfoFiltered": "(從 _MAX_ 條記錄中過濾)",
16. "sSearch": "搜索：",
17. "oPaginate": {
18. "sFirst": "首頁",
19. "sPrevious": "前一頁",
20. "sNext": "後一頁",
21. "sLast"
    : "尾頁"
22. }
23. },
24. "bStateSave" : false,
25. "bJQueryUI" : true,
26. "bPaginate" : true,// 分頁按鈕
27. "bFilter" : false,// 搜索欄
28. "bLengthChange" : false,// 每行顯示記錄數
29. "iDisplayLength" : 10,// 每頁顯示行數
30. "bSort" : false,// 排序
31. "bInfo" : true,// Showing 1 to 10 of 23 entries 總記錄數沒也顯示多少等信息
32. "bWidth" : true,
33. "bScrollCollapse" : true,
34. "sPaginationType" : "full_numbers", // 分頁，一共兩種樣式 另一種為two_button // 是datatables默認
35. "bProcessing" : true,
36. "bServerSide" : true,
37. "bDestroy" : true,
38. "bSortCellsTop" : true,
39. "sAjaxSource" :currprojectname +"/aa/list.do", //所要請求的接口地址
40. "sScrollY": "100%",
41. "fnInitComplete": function() {
42. this.fnAdjustColumnSizing(true);
43. },
44. "fnServerParams" : function(aoData) { //查詢條件的接口拼接
45. aoData.push({
46. "name" : "aa",
47. "value" : a
48. });
49. aoData.push({
50. "name" : "cc",
51. "value" : encodeURI($("#aaa").val())
52. });
54. },
55. "aoColumns" : [
56. {"mData" : "id"}, //表單的屬性，必須一一對應而且行數必須相同！！！
57. {"mData" : "name"},
58. {"mData" : "lal"},
59. {"mData" : "dota2"},
60. {"mData" : "games"},
61. ],

datatable-bootstrap 基本配置