富贵 2016-03-25
最近在用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开始所以加一。