jQuery Datatable 自定义操作列
jQuery Datatable自定义操作列
最近在用jquery datatable表格插件,使用起来还是不错的,但开发中我们经常会遇到序号列、操作(修改、删除)列的功能,而在百度的好多介绍里面是没有详细说这个功能的。后来仔细百度了下才找到解决办法,供自己备忘和大家参考。直接上代码:
function makeCollomns(){ return [ { data: function (e) { return '<div class="checker"><span class=""><input type="checkbox" class="checksigle" value="'+e.id+'"></span></div>'; }, "sWidth" : "3%" }, //省略后续
这段代码的功能是这个列上面添加一个多选选按钮,同时给他赋一个value值,这个值就是此列当前对象的id。操作列代码类似。
除了上面一种方法外,其实还有另外一种方法也能实现,不过个人感觉没有特殊需要还是用第一种比较好,第二种代码:
"fnRowCallback" : function(nRow, aData, iDisplayIndex ) { $('td:eq(1)', nRow).html(iDisplayIndex+1); return nRow; },
这段代码的作用就是在每行加载完成后,把第二列的值替换成当前行的序号数,"td:eq(1)"其实是第二列,iDisplayIndex表示当前行的序号,从0开始所以加一。
相关推荐
EdwardSiCong 2020-11-23
85477104 2020-11-17
hhanbj 2020-11-17
81427005 2020-11-11
seoppt 2020-09-13
honeyth 2020-09-13
WRITEFORSHARE 2020-09-13
84483065 2020-09-11
momode 2020-09-11
85477104 2020-08-15
83510998 2020-08-08
82550495 2020-08-03
tthappyer 2020-08-03
84901334 2020-07-28
tthappyer 2020-07-25
TONIYH 2020-07-22
tztzyzyz 2020-07-20
83510998 2020-07-18
81463166 2020-07-17