如何自定義布局，讓分頁組件，頁碼篩選長度的下拉框，以及表格信息位置自定義
這個依賴的是sDom屬性，這個有點不容易懂，它有自己的一個編碼方式，最后會轉換成html代碼。
未做任何修改時，datatables插件默認顯示方式為
但是項目中經常會遇到各種各樣的布局，所以需要sDom屬性來設置頁面，修改各組件的顯示位置。可參考：http://www.datatables.club/reference/option/dom.html
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>
運用方法如下：
若我要使頁面大小的下拉框顯示在底部，則設置
$("#datatable").dataTable({
"sDom": "<t><'bottom'<'col-sm-2'i><'col-sm-2'l><'col-sm-8'p>"
})
轉化成html代碼則為:
<div>t</div>
<div class="bottom">
<div class="col-sm-2">i</div>
<div class="col-sm-2">l</div>
<div class="col-sm-8">p</div>
</div>
t ：表示表格
i ：表示表格信息
l ：表示頁面長度
p：表示頁面分頁
結果如下圖：
