تعديل على Laravel Yajra DataTable

Laravel Yajra DatatTable لدي ريكورد في قاعدة البيانات و احتاج الي `Drop Down Menu filter

لدي سكريبت

Laravel 10

Yajra DataTable 10

PHP 8,3

المطلوب كالآتي

لدي قوائم drop down menus جاهزه ولدي variable خاص بها في الController + Yajra DataTable engine

لكن مشكلتي آني أستعمل Yajra Datatable server side بدون استعمال Ajax داخل الView

حينما قمت بوضع الAjax اختفت كل تعديلاتي داخل الYajra DataTable وظهرت بدون styling او parse carbon وبدون responsive

<script>

$(document).ready(function() {

var table = $('#products-table').DataTable();

$('#country-select').on('change', function() {

table.ajax.reload();

});

});

</script>

اصبح الخطأ

DataTables warning: table id= products-table - Cannot reinitialise DataTable. For more information about this error, please see http://datatables.net/tn/...

لذا فكرت اني أسوي له destroy and reinit

if ($.fn.DataTable.isDataTable('#products-table')) {

$('#products-table').DataTable().destroy();

}

$('#products-table').DataTable({

خصائص جدولي هنا

});

وبالفعل تم تشغيل الجدول لكن بدون الخصائص الخاصه بي الموجوده في app/DataTables/ProductsDataTable.php

المطلوب كالاتي ،، تشغيل الفلاتر للبحث من الدروب مينيو + تشغيل الprice range sorter