從HTML元素獲取DataTable對象

Question

我遇到了一個問題，我試圖訪問特定HTML元素的數據表對象。

我看過的文檔jQuery的數據表和使用是這個例子： https://datatables.net/reference/option/retrieve

然而，這是行不通的。這裏是我的代碼在我的全局文件main.js：

function initTable() { 
    return $(".dynamic-table").DataTable({ 
     "aaSorting": [], 
     "scrollY": 530, 
     "scrollCollapse": true, 
     "lengthMenu": [ 
      [100, 400, 1000, 5000, -1], 
      [100, 400, 1000, 5000, "All"] 
     ], 
     "retrieve": true 
    }); 
} 

$(document).ready(function() { 
    initTable(); 
}); 

現在我的其他文件裏我嘗試檢索對象：

$(document).ready(function() { 
    var table = initTable(); 
}); 

這並不檢索對象，而是再次初始化對象並使表格呈現兩次。

我也曾嘗試：

$(document).ready(function() { 
    var table = $(".dynamic-wide-table").DataTable(); 
}); 

，因爲我看過一些線程說，一個空白的初始化只會檢索對象。

這些解決方案都不起作用。如果有人知道我做錯了什麼，我將不勝感激！謝謝。

Answer 1

$(".dynamic-wide-table").DataTable(); 

像上面這樣引用是獲取數據表API參考的正確方法。

你可以在數據表示例https://datatables.net/examples/ajax/objects.html中測試這個，然後在你的控制檯中輸入下面的JS。您會看到它不重繪表格或創建第二個表格。

$('#example').DataTable() 

另請參閱API文檔https://datatables.net/reference/api/明確說明此方法。

Answer 2

您可以使用擴展..

$.extend(true, $.fn.dataTable.defaults, { 
      "bFilter": true, 

     });