Функции таблицы данных jQuery не работают с динамической таблицей ⇐ Jquery

[Anonymous]

MyTatable работает нормально, все функции, такие как лиц, сортировка, поиск, работают со статическим содержанием данных о таблице.
Но когда я получаю данные из базы данных и рендеринг в функциях данных, таких как страница, сортировка, сортировка, поиск и другие CSS. < /p>
$(document).ready(function() {

$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}
});

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

fetchproduct();

function fetchproduct() {
$.ajax({
type: "GET",
url: "/fetchproducts",
dataType: "json",
success: function(response) {
$('tbody').html("");
$.each(response.products, function(key, item) {
$('tbody').append('\
' + item.id + '\
' + item.name + '\


\
Edit\
Delete\
\');
});
}
});
}
});
< /code>





Index
Name
Image
Edit
Delete








Index
Name
Image
Edit
Delete




< /code>

Код контроллера и маршрут :: < /p>
public function fetchproduct()
{
$products = Product::all();
return response()->json([
'products'=>$products,
]);
}

// route
Route::get('products', [ProductController::class, 'index'])->name('products.index');
Route::post('products', [ProductController::class, 'store'])->name('products.store');
Route::get('fetchproducts', [ProductController::class, 'fetchproduct']);
< /code>
Когда я загружаю DataTable, все данные отображаются одновременно. Функция странификации не работает. Также сортировка и поиск также не работают. Почему это так?


Подробнее здесь: https://stackoverflow.com/questions/796 ... amic-table