jQuery dataTable 操作个人使用总结

用过之后总会忘，不停的查，不停的忘。这里记录一下，仅为个人简单总结，具体使用方法请看官方API文档。

1. 获取表中行数。

　　 var rowNum = $(tableSelector).DataTable().data().length;

2. 取出table中的所有数据。

　　var data = $(tableSelector).DataTable().data();

3. 将数据转换成数组形式，每个数组元素表示一行数据。

　　var data = $(tableSelector).DataTable().data().toArray();

4. 取出对应某行的数据。

　　a. var data = $(tableSelector).DataTable().row(rowIndex).data(); ------- rowIndex为要取出行的行索引。

　　b. var data = $(tableSelector).DataTable().row(rowObj).data(); -------rowObj为要取出行的行对象。

　　示例如下，地址为（https://datatables.net/reference/api/row().data()）

var table = $('#example').DataTable();$('#example tbody').on( 'click', 'tr', function () {console.log( table.row( this ).data() );
} );

未完待续。。。。。。

转载于:https://www.cnblogs.com/alkq1989/p/6433514.html

jQuery dataTable 操作个人使用总结相关推荐

JQuery Datatable用法
原文出处:http://sgyyz.blog.51cto.com/5069360/1408251 目标: 使用jQuery Datatable构造数据列表,并且增加或者隐藏相应的列,已达到数据显示要求 ...
JQuery dataTable 扩展+Ajax Post，Get一些基本操作（一）
首先, Asp.net MVC 系列暂时没有发现封装好的类似于web form 的datagrid, 只有一款Jquery 的dataTable , 官网地址 http://www.datatabl ...
jQuery Datatable 实用简单实例
目标: 使用jQuery Datatable构造数据列表,并且增加或者隐藏相应的列,已达到数据显示要求.同时,jQuery Datatable强大的功能支持:排序,分页,搜索等. Query Data ...
分享在MVC3.0中使用jQuery DataTable 插件
http://www.cnblogs.com/ryanding/archive/2011/02/18/1957318.html MVC3.0中使用JQuery.DataTable插件 http://b ...
MVC3.0中使用JQuery.DataTable插件。
最近做项目的时候发现了一个很好的JQuery插件DataTable但是网上相关的资料好像很少,本人英文不咋滴在官网上除了知道点哪能下载外其它就都不知道鸟.后来用了个把小时写了个小demo,分享给大家, ...
4、jquery表格操作
1.<html> 2.<head> 3.<title>jquery表格操作</title> 4.<script language="ja ...
jQuery 元素操作——遍历元素
jQuery 元素操作主要是遍历.创建.添加.删除元素操作 <!DOCTYPE html> <html lang="en"><head>< ...
Java程序员从笨鸟到菜鸟之（八十八）跟我学jquery（四）JQuery框架操作元素的属性与样式
在前面几篇博客中,我们初步了解了一下jQuery的好处,基本语法,还有一些基本函数,这是学习jquery的基础,在这篇博客中,我们一起来学习一下JQuery框架操作元素的属性与样式,在web开发中,修 ...
JQuery中操作Css样式的方法
JQuery中操作Css样式的方法 <strong>//1.获取和设置样式</strong> $("#tow").attr("class&q ...

jQuery dataTable 操作个人使用总结

jQuery dataTable 操作个人使用总结相关推荐

最新文章

热门文章