'datatable' jquery 插件和兩個表（ajax 相關）的問題

Question

我有兩個標簽，它們的內容由 ajax 加載。 兩者的內容都有一個表格。 我想將“數據表”jquery 插件應用於兩個表。 表具有相同的 ID，因為它們是由 function 創建的。但是它們的行不同。

datatable 插件很好地應用於第一個選項卡表，但在第二個選項卡上出現此錯誤：

"DataTables warning (table id = 'dttable'): Cannot reinitialise DataTable.

要檢索此表的 DataTables object，請將 no arguments 傳遞給 dataTable() function，或將 bRetrieve 設置為 true。 或者，要銷毀舊表並創建新表，請將 bDestroy 設置為 true（請注意，可以通過 API 對配置進行很多更改，這通常要快得多）。

我在數據表插件定義中使用“bDestroy”：true。但是這樣插件不會顯示在第二個表中。

你能幫我嗎？

Answer 1

您的問題是兩個表具有相同的 ID，這是無效的 HTML。 當您嘗試初始化第二個 Databable 時，您的選擇器只會找到第一個表並嘗試再次初始化第一個表上的 Datatables，這會導致您遇到錯誤。

您需要更改 function 以創建具有唯一 ID 的每個表，並通過其各自的 ID 初始化每個表。

Answer 2

為什么不通過類名而不是 ID 設置數據表，然后它可以應用於它們兩者？

檢索數據時，您可以使用類似 $('.dataTableStyle').eq(1) 的方法從相關數據中獲取信息。

Answer 3

試試這個代碼

$(document).ready(function() {
         oTable = $('#DataTables_Table_0').dataTable({   //DataTables_Table_0 <-------table id
                iVote: -1,   //your field name 
                "bRetrieve":true
            });

        oTable.fnSort( [ [1,'desc'] ] );
     });

Answer 4

當您要更改表數據時，在 function 事件中使用它

$('#tbl_resultates').dataTable().fnDestroy();

並添加

"bRetrieve": true,

在

$('#tbl_resultates').dataTable({

Answer 5

我正在使用 mvc3，我的問題是在視圖中初始化數據表，然后用另一個數據表渲染部分視圖。 問題不在於 2 個表的 id，而在於部分視圖在框架中呈現的方式。 就我而言，我必須將腳本或對腳本的引用移動到承載局部視圖的視圖中。 我在使用谷歌地圖 api 時遇到了類似的問題。