dataTable元件使用：引入JS
$("#id").DataTable({
scrollY:450, //開始滾動高度
lengthChange:false , //用於選擇每頁展示數量的下拉框
info:false , //左下角提示資訊總數和當前數
select : true ,
JQueryUI: true ,
ordering : false ,
ajax: { //非同步資料
url: '...',
type:'post',
data:{....},
datasType:'json'
},
columns:[
{data:'name1',className:'class1'} , //指定子段，以及這列的單元格的樣式
{data:'name2' },
{data:'name3'}
] ,
language:{ //配置中文
processing :'處理中‘,
lengthMenu : ' 顯示_MENU_項結果' ,
zeroRecords :' 沒有匹配結果' ,
info : ' 顯示第_START_ 至_END_項結果,共_TOTAL_項 ,
infoEmpty : '顯示第0項至0項結果，共0項 ,
infoFiltered : '(由_MAX_項結果過濾)' ,
infoPostFix : ' ' ,
search: ' 搜尋 ' ,
emptyTable :' 表中資料為空 ' ,
loadingRecords :' 載入中 ' ,
paginate : {
first :' 首頁' ,
previous : ' 上一頁 ' ,
next : ' 下一頁 ' ,
last :' 尾頁 '
},
aria : {
sortAscending :' 升序排列此列 ' ,
sortDescending : ‘ 降序排列此列 '
}
}
})