var dataTables = $(".table").dataTable({
data: d,//為ajax的值,沒有直接用插件自帶的請求數據方式,個人覺得data的方式好控制一些
columns: [{//設置表格內容
sDefaultContent: "",//默認值
data: "Id",//對應數據json的key
bVisible: false //此列不顯示
}, {
title: "名稱",
data: "Name",
class:"",//設置當前td的class值
render: function (data, type, full) { //自定義模塊的內容,data為key對應的Name的值,full為所有的值
return "<div title='" + data + "' > " + data + "</div>"; //可以通過設置div的寬來防止無法設置表格td的寬,並且可以添加title
}
}],
//"columnDefs": [{//設置 編輯按鈕
// "targets": [3],
// "data": "id",
// "render": function (data, type, full) {
// return "<a class='updata' href='#' >編輯</a>";
// }
//}],
bPaginate: false, //是否顯示(應用)分頁器
bInfo: false, //是否顯示頁腳信息,DataTables插件左下角顯示記錄數
bSort: true, //是否啟動各個字段的排序功能
aaSorting: [[0, 'asc']],//默認排序列
bSelectAll: false,
fnCallback: function () { },
//oPageSize: 10,
//oSortType: "desc",
//oSortCol: "proName",
bProcessing: true,
oLanguage: {//多語言配置
"sProcessing": "正在加載中......",
"sLengthMenu": "每頁顯示 _MENU_ 條記錄",
"sZeroRecords": "對不起,查詢不到相關數據!",
"sEmptyTable": "表中無數據存在!",
"sInfo": "當前顯示 _START_ 到 _END_ 條,共 _TOTAL_ 條記錄",
"sInfoFiltered": "數據表中共為 _MAX_ 條記錄",
"sSearchPlaceholder": "🔍 查找",//搜索框內占位符
"sSearch": "",//搜索框前的字體
"oPaginate": {
"sFirst": "首頁",
"sPrevious": "上一頁",
"sNext": "下一頁",
"sLast": "末頁"
}
}
});
$(".tabel").dataTable({aaData : d});//重新加載數據
$(".table").dataTable().fnDeleteRow(index);//刪除行
$(".table").dataTable().fnUpdate("a", 1, 1, false);//修改行,最后一個參數,是否重繪表格
$(".table").dataTable().fnUpdate(["a","b"],1);//修改列
$(".table").DataTable().row.add(dc).draw();//添加行
$(".table").dataTable().fnPageChange(page); //跳轉到某頁
$(".table").dataTable().fnGetData();//得到頁面中所有對象
$(".table").dataTable().fnSetColumnVis( 0, false);