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>';
1、自定义列信息
"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="" />';
} }
],
2、添加序号
"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();//重新绘制表格 可以在表格错乱的时候使用