Как перезагрузить таблицу в исходной JavaScript-функции Datatables.js

Question

У меня проблема с Datatables, где у меня есть функция, которая создает массив данных для подачи в DataTables.Однако в конце строки находится ячейка с кнопкой, если эта кнопка нажата, она удаляет эту строку из данных, из которых только что извлечена функция (список sharepoint).

Теперь я могу просто сослаться на всю страницуно это медленно и неуклюже.

Если я заставлю кнопку перезапустить функцию, я получу DataTables warning:table id=Ttable2 -Cannnot reinitialise DataTables

Это мой код, в настоящее время он мало что говорит, Tbarray большойи не так много смысла я пишу.

$("#tbBody2").empty();
var table = $('#Ttable2').DataTable({
    data: Tbarray,
    scrollY:"475px",
    scrollCollapse: true,

    });

Редактировать

function BuildSR(Tbarray){

    if ($.fn.DataTable.isDataTable('#Ttable2')) {
        table.destroy();
    }

    var table = $('#Ttable2').DataTable({
        destroy: true,
        data: Tbarray,
        scrollY:"475px",
        scrollCollapse: true,
    });

    table.draw();

}

Answer 1

Я бы порекомендовал clear() всех записей в таблице и заново заполнить таблицу новыми данными, используя rows.add() метод:

$('#Ttable2').clear().rows.add(Tbarray).draw();

Это должно быть намного быстрее, чем уничтожение и повторная инициализация DataTable.

Answer 2

Самый простой способ - уничтожить и повторно инициализировать таблицу данных.

1. проверить, если dataTable уже инициализирован, если так - уничтожить его:

изм

//globally initialize var table first
var table;

if (  $.fn.DataTable.isDataTable( '#Ttable2' ) ) {
    table.destroy();
}

2. Затем выполните инициализацию с параметром destroy: true

table = $('#Ttable2').DataTable({
destroy: true,
data: Tbarray,
scrollY:"475px",
scrollCollapse: true,
});
table.draw();