Как я могу уничтожить datatable

Question

У меня есть datatable и таблица имеет пример ID.

Теперь мне нужно уничтожить DataTable и я пишу:

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

, но я получаю:

Uncaught TypeError: Cannot read property 'style' of undefined

также это я получаю в журнале консоли:

Что здесь проблема ? Почему я не могу уничтожить данные? Как это решить?

Answer 1

Для последней версии DataTables использовать:

$('#example').DataTable().destroy(); 

Обратитесь к этому больше: https://datatables.net/reference/api/destroy%28%29

Для более старых версий использовать как заявлено Hobo Sapiens:

$('#example').DataTable().fnDestroy(); 

Answer 2

Вот что в конце концов работал для меня с v1.10.

// Define a variable for your dataTable object to use 
var reportListDataTable = null; 

// Then inside a function/method somewhere... 

// Destroy the dataTable and empty because the columns may change! 
if (reportListDataTable !== null) { 
    // for this version use fnDestroy() instead of destroy() 
    reportListDataTable.fnDestroy(); 
    reportListDataTable = null; 
    // empty in case the columns change 
    $('#reportListTableId').empty(); 
} 

// Build dataTable with ajax, columns, etc. 
reportListDataTable = $('#reportListTableId').dataTable({ 
    //... Your dataTables code here 
}); 

Answer 3

то, что сработало для меня, уничтожает dataTable при нажатии кнопки вставки, а не на кнопке ввода данных. Таким образом, кнопка, которая уничтожает dataTable, не воссоздает таблицу. И еще одна функция, которая вызывается из другого нажатия кнопки, создает dataTable. код прост:

Кнопка, которая разрушает DataTable:

var otable = $('#claimRecordTable').dataTable(); 
if (otable != null) otable.fnDestroy(); 

кнопка, которая создана DataTable:

$('#claimRecordTable').dataTable();