本文主要和大家分享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表格插件跳转到指定页实例分享
jQuery插件datatables的用法及如何实现分页代码详解
jQuery datatables是什么？datatables如何使用？
以上就是js之datatables的处理方法实例的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2783212.html
