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 获取筛选后的数据的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。