datatable java实现分页_datatable分页实例

这篇博客详细介绍了如何使用$dataTable$插件进行数据表格的配置,包括指定列不排序、设置Ajax数据源、前台分页以及自定义操作列。文章中提到的数据表格包含了姓名、性别、现任职务等字段,并提供了查看、编辑等多种操作选项。
摘要由CSDN通过智能技术生成

currentDt = $table.DataTable({

retrieve: true,

aoColumnDefs:[{"bSortable": false, "aTargets": [0]},{"bSortable": false, "aTargets": [1]}],//指定某列不排序

ajax : {

url : baseUrl + "list",

data:{orgid:v},

dataSrc : ""              //前台分页要加该属性

},

fnHeaderCallback:function(){

$("#sp").html("");

},

fnDrawCallback: function()

{

this.api().column(1).nodes().each(function(cell, i) {

cell.innerHTML = i + 1;

});

},

columns : [

{

title:"",

data: "alink"

},

{

title:"序号",

data :null,

targets: 0

},

{

title:"姓名",

data:"name"

},

{

title:"性别",

data:"sex"

},

{

title:"现任职务",

data:"xrPresent"

},

{

title:"籍贯",

data:"origin"

},

{

title:"入党时间",

data:"rdTime"

}

, {

title : "操作",

data : "id",

createdCell:function(td,tdData){

var operator = [];

/** 查看不能用 框架样式 请调整。。。。。。***///选调生签到信息列表

var qdBtn = G.viewSigin(tdData,tz);

operator.push(qdBtn);/** 查看不能用 框架样式 请调整。。。。。。***/var tz="1";//选调生信息列表

var xqBtn = G.viewBtn(tdData,tz);

operator.push(xqBtn);

var checkBtn = G.createCheckBtn(tdData);

operator.push(checkBtn);

var suoBtn = G.createSuo1Btn(tdData);

operator.push(suoBtn);

var delBtn = G.createSuo2Btn(tdData);

operator.push(delBtn);

var view = G.createViewBtn(tdData);

operator.push(view);$(td).html(operator);

}

} ],

});

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值