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 
版权声明:本文为博主原创文章,转载请附上博文链接!

datatables 获取筛选后的数据相关推荐

  1. excel vba区域求和 获取筛选后数据行号 获取筛选后行号总数

    获取筛选后行号总数 Sub get_total_filer_count()Dim rngCell As RangeDim lngRowCnt As LongFor Each rngCell In [a ...

  2. Excel技能培训之六-定位功能,隔行插入删除空行,分组插入空行,高亮行列间差异,复制筛选后的数据

    1. 在每一行后面插入一个新行 使用2格辅助列,间隔输入1 选中辅助列的内容,将值向下填充到最后,选择复制单元格,结果如下: 结果如下: 按ctrl +G 或者F5 选择定位条件: 选择空值,确定 右 ...

  3. Excel 2010 如何将筛选后的数据复制粘贴到另一个工作表筛选后的表格里

    如果你是指自动筛选后,把筛选数据复制/粘贴到另外一个工作表中,不妨试试试 第一步选中筛选后的数据区域:第二步执行菜单命令"编辑/定位/定位条件/可见单元格",确定:第三步单击复制按 ...

  4. 赛效:WPS表格如何粘贴复制筛选后的数据

    WPS表格是我们处理数据的主要工具之一,如果我们想筛选表格里的数据,并将筛选后的数据粘贴到新的位置,该怎么操作呢?不了解WPS表格的人会觉得这很难,如果你看了这篇文章,掌握了筛选技巧,那么复制粘贴也不 ...

  5. oracle怎么导出筛选后的数据,ORACLE,筛选单字段不重复的记录,保留其他字段....

    在ORACLE中,我们常常对数据进行排序和筛选,例如:成绩表中,将某一个人的所有科目成绩放到一起来看,那么我们会使用ORDER BY 语句. 例如表T1: Name   Subject     Sco ...

  6. 筛选后系列填充_不会用Excel做数据筛选,老板叼的你没话说!

    很多人会做漂亮的表格,自信满满地给老板汇报,老板突然冒出一句话:你给我看下公司员工的学历分布情况. 这个问题能瞬间让很多人傻眼,自然少不了老板的一顿叼.其实数据筛选并不难,只要认真学,10分钟轻松搞定 ...

  7. excel2007如何筛选后复制粘贴

    本人昨天在用excel2007的时候,发现筛选后粘贴,还是全部的数据,很是郁闷, 不象2003,粘贴的是筛选后的数据,在网上搜索了一把,发现了以下几个方法, 记录一下,俺用了, copy前,按ALT+ ...

  8. python怎么筛选excel数据_Python如何实现excel筛选后生成新表

    Python如何实现excel筛选后生成新表 xlrd对exce进行读操作,xlwt对exce进行写操作. 实现把excel中某些单元格的部分字符作为关键字,进行查找.话不多说直接上代码.# -*- ...

  9. php7 curl_init(),php7.3-curl_init获取301、302跳转后的数据

    最近在做一个蜘蛛项目,发现在抓取数据时,有时会碰到301的页面,原本写的curl_init函数php7-远程获取api接口或网页内容,直接无法抓取301跳转后的页面,因此对原本的函数进行了一下优化,现 ...

最新文章

  1. 机器学习中的7种数据偏见
  2. linux下的daemon进程
  3. 抽象工厂模式java_Java之抽象工厂模式(Abstract Factory)
  4. 【产品干货】幼年产品狗如何养成?这是完全自我修炼教程!
  5. iframe 页面刷新
  6. iPhone与Android手机 各个型号的UserAgent
  7. 奖学金设计mysql_基于JAVA的奖学金评定系统设计与实现(MySQL)(含录像)
  8. Chapter1-6_Speech_Recognition(RNN-T Training)
  9. SpringBoot 集成WebSocket
  10. python切片原理_分析python切片原理和方法
  11. 在线html编辑器 asp,(ewebeditor)比较简单好用的ASP网页在线编辑器
  12. 利用python实现词频统计
  13. minitab学习系列(2)--CPK、PPK案例解析
  14. C# log4net App.config 配置系统未能初始化问题
  15. Tcp ip 网络编程入门(一)
  16. sai笔记6-sai2版本新增的功能
  17. 三角形边长求高的c语言函数公式,三角形边长计算公式
  18. php实现用百度ip地址查询接口查询ip归属地
  19. iOS开发企业版ipa分发
  20. 基于内容推荐算法详解(比较全面的文章)

热门文章

  1. grep与egrep的区别
  2. 技术回归本位:海尔引领空调产业重构格局
  3. 安装wps导致 application/kset 上传文件类型报错解决办法
  4. Linux中find用法
  5. 咨询的真相8:咨询业的“前世今生”
  6. 一类动词二类动词三类动词_基于http动词的完全无效授权技术
  7. ai前沿公司_美术是AI的下一个前沿吗?
  8. 永恒python地速_立竿见影地把你的 Python 代码提速7倍
  9. leetcode 872. 叶子相似的树(dfs)
  10. 卷积神经网络 手势识别_如何构建识别手语手势的卷积神经网络