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();//重新绘制表格 可以在表格错乱的时候使用

jqeury datatable/http://www.cnblogs.com/jobs2/p/3431567.html的更多相关文章

  1. jqeury datatable

    1.自定义列信息    "aoColumnDefs":[                               {                               ...

  2. Jquery_JQuery之DataTables强大的表格解决方案

    1.DataTables的默认配置 $(document).ready(function() { $(‘#example’).dataTable(); } ); 示例:http://www.guoxk ...

  3. Jquery datatables 使用方法

    说明: 1.s开头的是字符串 2.b开头的是布尔值 3.i开头的是整型值 4.o开头的是Json对象 5.ao开头的是Json对象数组 6.aa开头的是二维数组 7.fn开头的是函数 服务器端返回的数 ...

  4. AutoMapper小结

    一些orm框架,在用到Entity的时候有一些开源代码用到了automapper(如:nopcommence),将数据对象转成DTO.比如在ORM中,与数据库交互用的Model模型是具有很多属性变量方 ...

  5. Auto Mapper02《demo》

         学习这些基本上网上都有一些教程或者别人做的demo,我是按照这个方式去学习的.先做个demo,学会如何去使用它,接着去慢慢的了解它是如何的运行的,理解里面的一些基本的基础知识.我们不可以再像 ...

  6. Tabular Model下的ADOMD.NET

    ADOMD.NET是一套对象架构体系,它包含需要向SSAS数据库做访问的一切支持的对象和方法.很多微软官方以及第三方的SSAS客户端应用都是通过这个对象来操作数据. 多维模式的ADOMD.NET在我以 ...

  7. 如何复制DataRow(dataTabel中的行)

    由于需要对dataTabel中的行进行上移和下移操作: row 1      行号0 row2       行号1 row3       行号2 例如将row3上移一行,即row2和row3对调位置. ...

  8. HtmlAgilityPack相关网页

    //多线程 http://www.cnblogs.com/jiangming/archive/2012/09/11/MultiThreadCallWebbrowser.html //替换Webbrow ...

  9. .net string format

    转自:http://www.cnblogs.com/jobs2/p/3948049.html 转自:http://jingyan.baidu.com/article/48206aeaf8c52f216 ...

随机推荐

  1. C#实现不安装Oracle客户端访问远程服务器数据

    概述: C#通过使用ADO的方式在未安装Oracle数据库的前提下,客户端程序远程访问服务器,会出现:“System.Data.OracleClient 需要 Oracle 客户端软件 8.1.7 或 ...

  2. linux 标准I/O (一)

    在前面<UNIX环境高级编程----文件描述符浅析>一文中所讲的I/O函数都是针对文件描述符.而对于标准I/O库,它们的操作都是围绕流来进行的.当用标准I/O库打开或创建一个文件时,我们已 ...

  3. linux 信号处理 二 (信号的默认处理)

    今天碰到一个SIGHUP问题,再复习一遍: 有些信号的默认处理方式为“终止+core”,这里的core表示,进程终止时,会在进程的当前工作目录生产一个core文件,该文件是进程终止时的内存快照,以便以 ...

  4. Javascript中的delete介绍

    关于JavaScript中的Delete一直没有弄的很清楚,最近看到两篇这方面的文章,现对两文中部分内容进行翻译(内容有修改和添加,顺序不完全一致,有兴趣推荐看原文),希望能对大家有所帮助 一.问题的 ...

  5. C++将整型数据转换成大端或小端存储顺序

    大端和小端的概念参考之前博客: 大端/小端,高字节/低字节,高地址/低地址,移位运算 昨晚帮导师从指令中恢复图像的时候,导师要我转换成raw格式,也就是记录图像像素的二进制序列,然后反复强调让我注意大 ...

  6. js操作cookie(转载:经测试可用)

    /***js操作cookie,star***/ function addCookie(objName,objValue,objsec){//添加cookie  var str = objName + ...

  7. 新手搭建 nginx + php (LNMP)

    配置源 纯净的Centos 6.5系统 配置163yum源 (这个比较简单,百度能解决很多问题) 开始 安装  开发软件包:yum  -y groupinstall  "Developmen ...

  8. javascript节点操作insertBefor()

    如果想要把节点放在某个特定的位置,而不是放在末尾,就可以使用insertBefore(a,b) 参数a:要插入的节点 参数b:作为参照的节点. var oDiv = document.getEleme ...

  9. HTC Vive前置摄像头API(未测试)

    /*WebCamTexture:网络摄像头材质 WebCamTexture.Play() 播放: WebCamTexture.Pause() 暂停: WebCamTexture.Stop() 停止:* ...

  10. 微软&中科大提出新型自动神经架构设计方法NAO

    近期,来自微软和中国科学技术大学的刘铁岩等人发表论文,介绍了一种新型自动神经架构设计方法 NAO,该方法由三个部分组成:编码器.预测器和解码器.实验证明,该方法所发现的架构在 CIFAR-10 上的图 ...