Загрузка данных в Dataatable с помощью AJAX по клику

Question

Я использую таблицы данных для загрузки данных в таблицу при нажатии на элементы в диаграммах D3. У меня есть следующий код для инициализации таблицы:

$(document).ready(function () {
    Table = $('#data-table').DataTable({
        data: [],
        "columns": [
            { "data": "error_code" },
            { "data": "message" }
        ]
    });
});

Теперь у меня есть еще одна функция щелчка следующим образом:

    $.ajax({
        method: "POST",
        data: { code: node.data.name },
        url: "get_table_data"
    }).done(function (data) {
        console.log(data);
        Table.clear().draw();
        Table.rows.add(data);
    }).fail(function (jqXHR, textStatus, errorThrown) {
        console.log(errorThrown);
    });

Я получаю данные с сервера, и они регистрируются в консоли в правильный формат. Но данные не загружаются в таблицу. Это показывает No data available in table.

PS: Инициализация таблицы и код для загрузки данных с использованием ajax находятся в двух javascript файлах.

Answer 1

Исходя из примеров в документации DataTable вы должны перерисовать таблицу после добавления данных:

...
}).done(function (data) {
        Table.clear().rows.add(data).draw();
}).fail(...)
...