本文主要和大家分享js之datatables的处理方法实例，希望能帮助到大家。
/**
* 初始化表单
*/
me.initDatatable = function() {
me.interns0301Table = $("#interns0301Table").DataTable({
// 让表头与表格对齐
"autoWidth": true,
"processing": true,
"serverSide": true,
// 表格数据减少时，表格的高度也跟着减少
"scrollCollapse": true,
"ajax" : {
"url": $ctx + "/interns0301/queryList",
"type": "post",
"data" : function(params) {
// 页面显示记录条数，在页面显示每页显示多少项的时候
params.pageSize = params.length;
// 当前页码
params.pageNo = (params.start / params.length) + 1;
// 序列化表单元素为JSON对象
var dataJson = eims.serialize('interns0301Form');
$.extend(params, dataJson);
return params;
},
"dataType" : "json"
},
"columnDefs": [
{
"defaultContent": "",
"targets": "_all"
}
],
"sPaginationType": "full_numbers",
// 将后台得到的值放进对应字段中
"columns": [
{
// 全选框，传入id等参数
"data": null,sClass: "text-center","render": function(data, type, row, meta){
return '';
}},
{"data": "groupNumber",sClass: "text-center" ,"render": function ( data, type, row, meta ) {
return '' + data + '';}},
{"data": "groupName",sClass: "text-center"},
{"data": "projectNumber",sClass: "text-center"},
{"data": "projectSimname",sClass: "text-center"},
{"data": "unitNumber",sClass: "text-center"},
{"data": "unitSimname",sClass: "text-center"},
{"data": "entryDate",sClass: "text-center"},
],
// 回调函数，全选框的处理
"drawCallback": function(settings){
$("#selectAll").prop("checked", false);
me.checkBox();
}
});
// 加载页面
me.interns0301Table.ajax.reload();
};相关推荐：
JQuery.dataTables表格插件跳转到指定页实例分享
