Обновить таблицу Gridjs об успехе AJAX. ⇐ Jquery

[Anonymous]

Код AJAX работает нормально, создает желаемые результаты и имеет «успех»

Код: Выделить всё

success: function (data) {
console.log(data);
$( "#gridjs_table" ).load(window.location.href + " #gridjs_table" );//updates the gridjs_table div
}

Таблица Gridjs также работает нормально

Код: Выделить всё

new gridjs.Grid({
columns: [
{ name: "Title",
formatter: (cell, row) => {
return gridjs.html(`${row.cells[0].data}`);

}},
{ name: "src", hidden: true},
{ name: "Cover",
sort:{enabled: false},
formatter: (cell, row) => {
return gridjs.html(`
[img]../library/${row.cells[1].data}[/img]
`);
}
},
{ name: "Link", sort:{enabled: false},
formatter: (cell, row) => {
return gridjs.html(`${row.cells[3].data}
[url=${row.cells[3].data}]Visit[/url]`);
}},
{ name: "Status"},
{ name: "Views"},
{ name: "Stars" },
{ name: "Bookmarked"},
{ name: "Action",
sort:{enabled: false},
formatter: (cell, row) => {
return gridjs.html(`[url=edit.php?file=${row.cells[2].data}]Edit[/url]

[url=../library/view.php?view=${row.cells[2].data}]Mobile[/url]
`);
}
}
],
data: [

],
sort: true,
search: {
enabled: true,
debounceTimeout: 500,

},
style: {
table: {
border: '3px solid #ccc',
},
},
fixedHeader: true,
pagination: {
enabled: true,
limit: 3
}

}).render(document.getElementById("wrapper"));

В случае успеха ajax должен обновить таблицу, но это не работает. Он просто погас, нет изображения, вся таблица исчезла. Обновление всей страницы работает и отображает вновь добавленные элементы, но мне это не нужно.

Подробнее здесь: https://stackoverflow.com/questions/742 ... ax-success