datatable的dom配置

• l - Length changing 改變每頁顯示多少條數據的控件
• f - Filtering input 即時搜索框控件
• t - The Table 表格自己
• i - Information 表格相關信息控件
• p - Pagination 分頁控件
• r - pRocessing 加載等待顯示信息
• < > - div elements 表明一個div元素 <div><div>
• <"#id" > - div with an id 指定了id的div元素 <div id='id'><div>
• <"class" > - div with a class 指定了樣式名的div元素 <div class='class'><div>
• <"#id.class" > - div with an id and class 指定了id和樣式的div元素 <div id='id' class='class'><div>

這些字母你能夠理解爲一個標籤，dt會自動把這些字母替換成相應的控件，就想模板同樣。上面的這些元素 l、f、t、i、p、r除了t只能指定一次，其餘的都可屢次指定。

 

例子：

"dom":

　　"<'downloadExcel'B>" + "<'row'<'col-xs-3 font1'l><'#mytool.col-xs-4'>r>" + "t" +
　　"<'row'<'col-xs-6'i><'col-xs-6'p>>",

一、此處B爲button標籤，舉例以下：

此功能是點擊按鈕導出爲當前分頁的Excel
如果前臺分頁能夠導出所有，如果後臺分頁則有兩個選擇：一、經過前提ajax調用查詢後臺全部數據，在後臺封裝轉爲Excel；二、datatable中經過對

"lengthChange": true,"lengthMenu": [ [5, 10, 15, 20, 25, 50, 100, 5000], [5, 10, 15, 20, 25, 50, 100, "全部"] ]的配置，而後導出Excel。

PS：5000能夠改爲任意大，由於個人後臺是WHERE ROWNUM <= ? 

 1 "buttons": [  2  {  3                 "extend": "excelHtml5",  4                 "text": "導出",  5                 "className": "btn btn-primary btn-sm local",  6                 "customize": function(xlsx) {  7                     var sheet = xlsx.xl.worksheets['sheet1.xml'];  8                     $('row c[r^="C"]',sheet).attr('s','2');  9  } 10  } 11         ],

二、小寫的L：表明 改變每頁顯示多少條數據的控件

　　r：表明 加載等待顯示信息

　　t：表明 Table 表格自己

　　i：表明 表格相關信息控件

　　p：表明 Pagination 分頁控件

　　<>：表明一個div

　　downloadExcel，row，col-xs-3...爲class，能夠在style中寫

　

不足之處，請指點，不勝感激。