jQueryDatatable⾃定义操作列
jQuery Datatable⾃定义操作列
最近在⽤jquery datatable表格插件，使⽤起来还是不错的，但开发中我们经常会遇到序号列、操作（修改、删除）列的功能，⽽在百度的好多介绍⾥⾯是没有详细说这个功能的。后来仔细百度了下才到解决办法，供⾃⼰备忘和⼤家参考。直接上代码：
function makeCollomns(){
return  [
{
jquery框架定义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开始所以加⼀。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。