datatables 获取筛选后的数据

https://blog.csdn.net/weixin_34417200/article/details/88204395

背景:

使用 jquery 的表格插件 datatables 获取它筛选后的数据,一开始,我只能获取到全部数据,因为插件默认把不符合条件的隐藏了,但是不代表数据改变了。

应用场景截图:

解决方法:

1.如果想在每次筛选后就立即获取,解决的方法:

var table = $('#example').DataTable();
table.on('search.dt', function() {
        //number of filtered rows
        console.log(table.rows( { filter : 'applied'} ).nodes().length);
        //filtered rows data as arrays
        console.log(table.rows( { filter : 'applied'} ).data());
      })
复制代码
2.如果想多次筛选后保存当前结果,解决的方法:

var table = $('#example').DataTable();
console.log(table.rows( { filter : 'applied'} ).data());复制代码
这样可以得到筛选后 td 的每一个 cell 的值,结果如下:

ok~大功告成!

参考链接

ps:

项目中如果以 json 形式传给后端,实现方法:

let filterData = table.rows( { filter : 'applied'} ).data()
          let data = []
          for (let i = 0;i < filterData.length; i++) {
            data.push({
              target_id: filterData[i][0],
              name: filterData[i][1],
              description: filterData[i][2],
              type: filterData[i][3],
              baseMean: filterData[i][4],
              log2FoldChange: filterData[i][5],
              pvalue: filterData[i][6],
              padj: filterData[i][7],
            })
          }
复制代码

--------------------- 
作者:weixin_34417200 
来源:CSDN 
原文:https://blog.csdn.net/weixin_34417200/article/details/88204395 
版权声明:本文为博主原创文章,转载请附上博文链接!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/399692.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

1.2-Nginx编译安装

安装nginxcd /usr/local/src/wget http://nginx.org/download/nginx-1.6.2.tar.gztar zxvf nginx-1.6.2.tar.gz cd nginx-1.6.2./configure --prefix/usr/local/nginx --with-pcre make make install启动nginx&#xff1a; /usr/local/nginx/sbin/nginx注意&#xff1a;ng…

一个经典实例理解继承与多态原理与优点(附源码)---面向对象继承和多态性理解得不够深刻的同学请进...

一 引子 都说面向对象的4大支柱是抽象&#xff0c;封装&#xff0c;继承与多态。但是一些初涉编程的开发人员&#xff0c;体会不到继承与多态的妙用&#xff0c;本文就试以一个经典实例来诠释继承与多态的用武之地。本实例的需求来自《重构》一书。 二 需求 1. 任务说明 我们的…

推荐几款好用的云笔记软件

一直钟爱印象笔记&#xff0c;程序员的电脑上必装的软件&#xff0c;但最近期限到了&#xff0c;再也不能像以前无限制的上传文件&#xff0c;续费也比去年的只要九块九一年高出了很多倍&#xff0c;因此&#xff0c;注册试用了其他的笔记&#xff0c;发现云笔记众多&#xff0…

DataTables怎么给某一列加上click事件

$(#example tbody).on(click,tr td:nth-child(3), function (e) {var name $(this).text();alert(name); } ); https://ask.csdn.net/questions/178026

oschina下载工具

http://www.oschina.net/project/tag/97/download-tools

读《启示录》有感-----1

书本封面很有特色&#xff0c;已经标注这本书内容的真谛&#xff1a;表明了这本书要做到的东西&#xff0c;看这本书能得到的东西 怎样打造用户喜爱的产品? 好产品基本条件&#xff1a;价值、可用性、可行性&#xff0c;三者缺一不可。 做一个合格的产品经理需要哪些能力&…

Sublime Text 3 初试牛刀

每次我在其他视频网站上看学习视频的时候&#xff0c;看着老师用的编辑器高大上档次&#xff0c;而我一般用Notepad&#xff0c;和Dreamweaver去编辑网页&#xff0c;需要每一行代码&#xff0c;打进去&#xff0c;效率低。最近看到sublime编辑器&#xff0c;在网上搜了一下说是…

js 去除左右空格

//去左右空格; function trim(s){return s.replace(/(^\s*)|(\s*$)/g, ""); }

在没有域环境的情况下配置完整安装的SharePoint2010和2013

完整安装SharePoint2010。完成后先不要运行配置向导。配置数据库。SharePoint会安装一个POWERSHELL在这里14\CONFIG\POWERSHELL\Registration。运行该目录下的psconsole会打开一个命令行窗口。执行New-SPConfigurationDatabase【回车】DatabaseName <config database name&g…

mysql: union / union all / 自定义函数用法详解

mysql&#xff1a; union / union all http://www.cnblogs.com/wangyayun/p/6133540.html mysql&#xff1a;自定义函数用法详解 http://www.cnblogs.com/caoruiy/p/4485273.html 转载于:https://www.cnblogs.com/bj20170624/p/7605426.html

[C++学习历程]基础部分 C++中的函数学习

本文地址&#xff1a;http://blog.csdn.net/sushengmiyan/article/details/20305815 作者&#xff1a;sushengmiyan 一。静态变量&#xff1a; 局部变量是线程到达定义的地方的时候进行初始化&#xff0c;如果定义在函数中&#xff0c;那么每次函数调用的时候&#xff0c;都会进…

js 表单自动提交

var form document.getElementById(formid);form.submit();

linux下安装Mysql(干货!!!)解决mysql 1130问题,远程登录问题

转载自&#xff1a;http://www.cnblogs.com/xxoome/p/5864912.html linux版本&#xff1a;CentOS7 64位 1、下载安装包“mysql-5.6.33-linux-glibc2.5-x86_64.tar.gz” # 安装依赖 yum -y install perl perl-devel autoconf libaio 2、把下载的安装包移动到/usr/local/下。…

linux命令:ftp

1. 登录&#xff1a; ftp IP_ADDR &#xff1b; 根据提示输入USER_NAME PASS_WORD 或&#xff1a; ftp -i -n IP_ADDR user USER_NAME PASS_WORD ftp -i -n 172.17.17.17 user PUB 123456 2. 下载文件 下载文件通常用get和mget这两条命令。 a) get 格式&a…

flex 有关数据类型强制转

flex 编辑页面里变量的强制类型转化时&#xff0c;竟然不能用 as 比如&#xff1a;在mxml里&#xff0c; private var aa:String"89"; private var bb:Number(Number)aa; 正确 private var aa:String"89"; private var bb:intaa as int ; 不正确 估计这两种…

Openstack Neutron : 安全

目录 - iptable&#xff1a;起源 - tables - chains - rules - 方向 - Security group 安全组&#xff1a; - Firewall 防火墙&#xff1a; - 更高的安全 - 无处安放的安全 - 公共安全 当业务从传统环境迁移到云上之后&a…

SQL语句汇总(三)——聚合函数、分组、子查询及组合查询

https://www.cnblogs.com/ghost-xyx/p/3811036.html SQL语句汇总&#xff08;三&#xff09;——聚合函数、分组、子查询及组合查询 拖了一个星期&#xff0c;终于开始写第三篇了。走起&#xff01; 聚合函数&#xff1a; SQL中提供的聚合函数可以用来统计、求和、求最值等等…

iOS应用国际化教程(2014版)

本文转载至 http://www.cocoachina.com/industry/20140526/8554.html 这篇教程将通过一款名为iLikeIt的应用带你了解最基础的国际化概念&#xff0c;并为你的应用添加国际化的支持。该示例应用有一个标签和一个You Like&#xff1f;按钮&#xff0c;用户无论何时点击You Like?…

公众平台商户接入(微信支付)功能申请教程

场景及类型介绍 商家可以申请公众账号支付和APP&#xff08;应用客户端&#xff09;支付两种接入微信支付方式。 公众账号支付&#xff1a;用户在微信公众帐号内使用微信支付消费&#xff0c;案例&#xff1a;易迅、QQ充值。 APP&#xff08;应用客户端&#xff09;支付&#x…

datatables 自定义按钮及响应点击事件

按钮 {"targets": -1,"class": "but_xq","data": null,"bSortable": false,"defaultContent": "<p><a id\"edit\" href "#\">修改</a > <a id\"del\" …