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