DataTable no funciona correctamente. Los datos se muestran en la tabla pero la búsqueda, la paginación no funciona. Utilizo la solicitud ajax para obtener datos.

Aquí mi código de controlador

 $products = FoodItemPrice::with('items')->get();

        if ($request->ajax()) {
            return response()->json($products);
        }

Aquí está mi llamada ajax

function getData(){

 
 $.ajax({

        url: "{{url('admin/category/')}}",
        method:"GET",
        contentType:false,
        cache: false,
        processData:false,
        dataType:"json",

        success: function(response){
              var data = ""
              var i = 1;
              $.each(response, function(key, value){
                data = data + "<tr>"
                data = data + "<td>"+i+++"</td>"
                data = data + "<td>"+value.name+"</td>"
                data = data + "<td class='actionBtn'>"
                data = data + "<button type='button' class='ms-btn-icon btn-dark mr-3' onclick='editCategory("+value.id+")'> <i class='flaticon-pencil'></i></button>"
                data = data + "<button type='button'class='ms-btn-icon btn-danger'  onclick='deleteData("+value.id+")'> <i class='flaticon-trash'></i></button>"
                data = data + "</td>"
                data = data + "</tr>"
              });
               $('tbody').html(data);
        
          }
  });
}  
getData();

Here is dataTable scripts 


    $(document).ready(function() 
    {
        $('#dataTable').DataTable();
    } );

¿Dónde está el problema? ¿Alguien puede decirme cómo solucionarlo?

0
ihprince 22 ene. 2021 a las 19:14

1 respuesta

La mejor respuesta

Le recomiendo que use Laravel Yajra Datatable y use la carga de datos del lado del servidor Datatable incorporada https://github.com/yajra/laravel-datatables

0
Aulia Wiguna 27 ene. 2021 a las 08:24