jQuery：DataTables查詢

我正在使用jQuery Datatable插件將表格呈現爲jQuery DataTable。我沒有使用任何服務器端調用獲取表格行詳細信息。jQuery：DataTables查詢

我使用jQuery從用戶當前正在查看的頁面上提供的信息生成表格HTML。

<table cellpadding="0" cellspacing="0" border="0" class="display" id="list_table"> <thead> </thead> <tbody> </tbody> </table>

當用戶點擊一個鏈接，使用jQuery我建立所需的行的表，並將其設置爲表體。

之後，我初始化dataTable的，如下所示：

$('#list_table').dataTable({ "bProcessing": false, "bJQueryUI": true, "bPaginate": true, "bAutoWidth": false, "bFilter" : true, "bDestory" : true, "oLanguage": { "sZeroRecords": "No data available", "sSearch" :"Filter" } });

上述工作正常時，鏈接首次用戶點擊。但是，如果用戶再次點擊時，我得到錯誤的dataTable給出了錯誤：

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

即使顯示錶，它失去了它的數據表CSS，搜索不再起作用，接下來以前不再起作用。

我已經嘗試了各種選項，如設置"bRetrieve" : true也試圖檢查，如果DataTable對象可用：

if (typeof dTable == 'undefined') { 
     dTable = $('#list_table').dataTable({ 
       "bProcessing": false, 
       "bJQueryUI": true, 
       "bPaginate": true,  
       "bAutoWidth": false, 
       "bFilter" : true, 
       "bDestory" : true,     
       "oLanguage": { "sZeroRecords": "No data available", "sSearch" :"Filter" } 
     }); 
    } else { 
     dTable.fnClearTable(); 
    }

但似乎沒有任何工作。我已經使用DataTable與服務器端ajax調用來重新從服務器上的數據，它可以正常工作，但在這種情況下，我不知道如何解決這個問題。

謝謝。 Jay

來源

2011-04-19 Jay Chandran

點擊該鏈接時，您只附加正文內容或從表格開始，thead ...？ – Vivek 2011-04-19 12:15:58

它會更好，如果你在jsfidle上顯示這個問題.. – Vivek 2011-04-19 12:19:45