Cet article partage principalement avec vous des exemples de méthodes de traitement de tables de données en js, en espérant aider tout le monde.
/** * 初始化表单 */ 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 '<input class="checkall" type="checkbox"><input type="text" hidden value="'+row.id+'">'; }}, {"data": "groupNumber",sClass: "text-center" ,"render": function ( data, type, row, meta ) { return '<a href="#" onclick="javascript:interns.interns0301.showInterns0302Update(\'' + row.id+ '\')">' + data + '</a>';}}, {"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(); };
Recommandations associées :
Le plug-in de table JQuery.dataTables accède à la page spécifiée Exemple de partage
Que sont les tables de données jQuery ? Comment utiliser les tables de données ?
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!