jqeury datatable/http://www.cnblogs.com/jobs2/p/3431567.html

0.http://blog.csdn.net/mickey_miki/article/details/8240477

1.1 修改默認值

 代碼  841處options

 

添加分頁選擇 

oInit.bLengthChange = true;
oInit.aLengthMenu = [ 10, 20, 50, 100, 1000 ];
oInit.sPaginationType = "full_numbers";
oInit.sDom = '<"H">t<"F"ilp>';

一、自定義列信息

   "aoColumnDefs":[  
	                            {  
	                                "sClass":"center",  
	                                "aTargets":[0],  
	                                "mData":"id",  
	                                "mRender":function(a,b,c,d){//a表示statCleanRevampId對應的值，c表示當前記錄行對象  
	                                    return '<input name="check_row" class="check_row"  value =\"'+c.id+'\" type="checkbox" value="" />';
	                                }  
	
	                            }
	                            ],  

二、添加序號

"fnCreatedRow": function(){
								　　var api = this.api();

								　　var startIndex= api.context[0]._iDisplayStart;// 獲取到本頁開始的條數

								　　api.column(0).nodes().each(function(cell, i) {
								　　　　cell.innerHTML = startIndex + i + 1;

								　　})
								}

　　3　　動態添加一列到【待測】http://datatables.club/example/api/add_row.html

DataColumn column;  

column = new DataColumn();

column.ColumnName = "序號";     

dt.Columns["序號"].SetOrdinal(1);

　　4.固定表頭

"sScrollY":"500px",
"sScrollX": "100%",
"sScrollXInner": "100%",
"bScrollCollapse": true,

5.http://blog.csdn.net/yibing548/article/details/45078123

5 解決網頁縮放表頭錯誤的問題【5 4 一塊兒使用  不是指最高高度去掉 sScrollY  】

var resizeWaiter = false;
$(window).resize(function() {
if(!resizeWaiter){
resizeWaiter = true;
setTimeout(function(){
dataTable && dataTable.fnDraw(false);
resizeWaiter = false;
}, 1);
}
});

 

、、、dataTable=$("#userTable").dataTable({}）

 

6 找到當前記錄的信息

var editdt;
		for(var i=0;i<dtable.fnGetData().length;i++){
			if(dtable.fnGetData()[i].gid==editid){
				editdt=dtable.fnGetData()[i];
				break;
			}
		}

　　7. "aoColumnDefs": [{ "bVisible": false, "aTargets": [0]}]//隱藏列

8.排序：

"ajax":function(data, callback,settings){

 var param = {

"column":(data.order)[0].column,//排序的列
"dir":(data.order)[0].dir,//排序方式
"targetName":data.columns[(data.order)[0].column].data//參數

}

}

 9. 定義排序的列　　

 "aoColumnDefs": [

{ "mData" : "name",'title' : '道路名稱',"bSortable":false}, //是否排序

{ "mData" : "name",'title' : '道路名稱',"bSortable":true}, //是否排序

{ "mData" : "name",'title' : '道路名稱',"bVisible":false}, //是否可用

]

 

10.http://www.cnblogs.com/jobs2/p/3431567.html

 

10 複選框選中

"fnCreatedRow": function(nRow, aData, iDisplayIndex) {　　

//設置序號
var api = this.api();　　
var startIndex = api.context[0]._iDisplayStart; // 獲取到本頁開始的條數
　　
api.column(0).nodes().each(function(cell, i) {　　　　
cell.innerHTML = startIndex + i + 1;　　
})

//根據返回的ID 對比以前選中ID 若是有就把複選框選中
if(securityComTblArr.length > 0) {
for(let i = 0, l = securityComTblArr.length; i < l; i++) {
if(securityComTblArr[i] == aData.gid) {
$(nRow).children().find('.securityComTblChk').prop('checked', true)
}
}
}
},

 

11.刪除行

relateGuanxiansTbl.fnDeleteRow(rowIndex,null,true);//刪除行【行的索引,callBack,是否從新繪製表格】

適用於非ajax獲取數據

12.standardsTblData.fnDraw();//從新繪製表格 能夠在表格錯亂的時候使用