обновление таблиц данных jQuery не дает никакого эффекта

Question

Я получаю объект json из моего бэкэнда в следующем формате:

[
    {
        "tournament_scores_id": 69,
        "user_id": 12,
        "tournament_id": 11,
        "match_count": 19,
        "goals": 34,
        "goals_against": 37,
        "points": 10,
        "wins": 5,
        "losses": 14,
        "diff": -3
    },

объект json используется в качестве источника данных для jquery Datatable.В функции loadRankingTable () я извлекаю данные из API и успешно записываю данные в выбранные столбцы.

В refreshTable () я хотел бы обновить цели и очки для конкретного игрока.Традиционно это работает, но я не хочу обновлять страницу.Поэтому я пытался обновить таблицу с помощью Ajax, но изменения не влияют на таблицу.Код ниже:

function refreshTable() {
    var table = $('#ranking-table').DataTable();
    // Retrieve data
    var data = table.rows().data();
    var tid = parseInt(sessionStorage.getItem("T_ID").replace("T_ID:", ""));
    var body = { t_id: tid };
    $.ajax({
        method: "POST",
        url: "http://localhost:3000/getScore",
        data: body
    }).done(function (data) {
        $.each(data, function () {
            this[0] = 'updated';
        });

        // Clear table
        table.clear();

        // Add updated data
        table.rows.add(data);

        // Redraw table
        table.draw();
    });
}

Функция refreshTable () вызывается при нажатии кнопки.Также обновление данных происходит в бэкэнде.Я получаю данные обратно, отсортированные по точкам.Мне просто нужно обновить таблицу, не обновляя ее.Есть идеи?

Я рад любой помощи.