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

背景：

使用 jquery 的表格插件 datatables 獲取它篩選后的數(shù)據(jù)，一開始，我只能獲取到全部數(shù)據(jù)，因?yàn)椴寮J(rèn)把不符合條件的隱藏了，但是不代表數(shù)據(jù)改變了。

應(yīng)用場(chǎng)景截圖：

解決方法：

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());
? ? ? })
復(fù)制代碼
2.如果想多次篩選后保存當(dāng)前結(jié)果，解決的方法：

var table = $('#example').DataTable();
console.log(table.rows( { filter : 'applied'} ).data());復(fù)制代碼
這樣可以得到篩選后 td 的每一個(gè) cell 的值，結(jié)果如下：

ok～大功告成！

參考鏈接

ps：

項(xiàng)目中如果以 json 形式傳給后端，實(shí)現(xiàn)方法：

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],
? ? ? ? ? ? })
? ? ? ? ? }
復(fù)制代碼

---------------------?
作者：weixin_34417200?
來源：CSDN?
原文：https://blog.csdn.net/weixin_34417200/article/details/88204395?
版權(quán)聲明：本文為博主原創(chuàng)文章，轉(zhuǎn)載請(qǐng)附上博文鏈接！

總結(jié)

以上是生活随笔為你收集整理的datatables 获取筛选后的数据的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。