jQuery Datatable 自定义操作列

富贵 2016-03-25

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开始所以加一。

相关推荐

Web全栈笔记 / 0评论 2020-06-15