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的更多相关文章

  1. 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.bL ...

  2. DataTable 转换成 Json的3种方法

    在web开发中,我们可能会有这样的需求,为了便于前台的JS的处理,我们需要将查询出的数据源格式比如:List<T>.DataTable转换为Json格式.特别在使用Extjs框架的时候,A ...

  3. C#中将DataTable导出为HTML的方法

    今天我要向大家分享一种将DataTable导出为到HTML格式的方法.有时我们需要HTML格式的输出数据, 以下代码就可以帮助我们达到目的,. 首先,我们要绑定DataTable和 DataGridV ...

  4. DataTable转换成IList<T>的简单实现

    DataTable的无奈 很多时候,我们需要去操作DataTable.但DataTable的操作,实在是太不方便了.Linq?lambda表达式?统统没有... 特别是对现有结果集做进一步筛选,这样的 ...

  5. 自用的基于Emit的C#下DataTable转实体类方法

    之前一直在做WebForm的开发,数据绑定时直接DataTable绑定Gridview很方便,但是最近开始往MVC转,数据列表的传递和页面展示基本上是以List为主,像下面这样,遍历实体类的各个字段去 ...

  6. jquery dataTable汉化(插件形式)

    1.jquery dataTable.js 官网:http://datatables.net/ 中文:http://dt.thxopen.com/ 2.汉化提示信息(放到xx.js中,引入即可) 注: ...

  7. DataTable与DTO对象的简易转换类

    在web开发过程中,有时候为了数据传输的方便,比如:后台需要更新前端的ViewModel,此时我们定义一个与前端ViewModel结构一样的DTO对象,从数据层获取数据后,将数据封装成DTO然后序列化 ...

  8. asp.net DataTable导出Excel 自定义列名

    1.添加引用NPOI.dll 2.cs文件头部添加 using NPOI.HSSF.UserModel; using NPOI.SS.UserModel; using System.IO; 3.代码如 ...

  9. asp.net dataTable转换成Json格式

    /// <summary> /// dataTable转换成Json格式 /// </summary> /// <param name="dt"> ...

随机推荐

  1. Linux下手动获取当前调用栈

    被问到如何手动获取当前的调用栈,之前碰到过一时没记起来,现在回头整理一下. 其原理是:使用backtrace()从栈中获取当前调用各层函数调用的返回地址,backtrace_symbols()将对应地 ...

  2. HTTP请求 GET POST 网络编程实现(转)

    尊重原作者收集的资料,复制粘贴只为了避免作者文章出处哪天抽风了访问不了了导致资料消失. 原文地址 http://bbs.neworigin.net/forum.php?mod=viewthread&a ...

  3. 1-Recyclerview使用系列之Recyclerview的列表数据显示

    使用步骤已经写到我的公众号,二维码在下面,欢迎关注,谢谢. 本人联系方式: 更多精彩分享,可关注我的微信公众号: 若想给予我分享更多知识的动力,请扫描下面的微信打赏二维码,谢谢!: 微信号:Weixi ...

  4. AndroidStudio开发出现Warning:Gradle version 2.10 is required. Current version is 2.8. If u

    Warning:Gradle version 2.10 is required. Current version is 2.8. If using the gradle wrapper, try ed ...

  5. RF 测试代码体会

    这里的需求是完成一个cc2540 RF测试程序.实现功能为开发板按键控制 RF 发射频率的改变. 首先被告知要用PTM来做这个测试程序,然后我去了PTM的介绍文档,地址为 http://process ...

  6. Sublime Text 3常用快捷键

    收集的一些常用快捷键: 选择类 Ctrl+D 选中光标所占的文本,继续操作则会选中下一个相同的文本. Alt+F3 选中文本按下快捷键,即可一次性选择全部的相同文本进行同时编辑.举个栗子:快速选中并更 ...

  7. Nginx日志常用分析命令汇总 (转)

    三.常用日志分析命令 1.总请求数 1 wc -l access.log |awk '{print $1}' 2.独立IP数 1 awk '{print $1}' access.log|sort |u ...

  8. 如何在linux sqlplus 下实现方向健和回退键操作而避免乱码

    在window下的sqlplus可以通过箭头键,来回看历史命令,用起来非常的方便.但是在linux里就没有这么方面了,错了一个命令,我们必须重新敲一次,辛苦了手指头. 通过rlwrap包实现linux ...

  9. C# 操作Word知识汇总

    转自:http://blog.csdn.net/jiutao_tang/article/details/6574740 1. 微软官方实例: 段落.表格.图表 HOW TO:利用 Visual C# ...

  10. WCF:没有终结点在侦听可以接受消息的*这通常是由于不正确的地址或者 SOAP操作导致的。

    没有终结点在侦听可以接受消息的 http://xx.com/WebService.svc. 这通常是由于不正确的地址或者 SOAP 操作导致的.如果存在此情况,请参见 InnerException 以 ...