本文主要和大家分享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(&#39;interns0301Form&#39;);$.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 &#39;<input class="checkall"   type="checkbox"><input type="text" hidden value="&#39;+row.id+&#39;">&#39;;    }},           {"data": "groupNumber",sClass: "text-center" ,"render": function ( data, type, row, meta ) {    return &#39;<a href="#" onclick="javascript:interns.interns0301.showInterns0302Update(\&#39;&#39; + row.id+ &#39;\&#39;)">&#39; + data + &#39;</a>&#39;;}},        {"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如何使用？