Laravel 5.4 with datatables

Question

이 패키지 https://github.com/yajra/laravel-datatables을 패키지에 추가했으며이를 응용 프로그램에서 사용하려고합니다.

이

는이 컨트롤러

public function getTasks() 
    { 
     return Datatables::of(Employees::query())->make(true); 
     //returns json 
    } 

이 코드는 datatables를 containining보기를로드 인 경로

Route::get('tasks', 'PrototypeController@getTasks')->name('datatable.tasks'); 

이다보기

@section('content') 
    <table class="table table-bordered" id="users-table"> 
     <thead> 
      <tr> 
       <th>Emp No</th> 
       <th>Birth Date</th> 
        <th>First Name</th> 
        <th>Last Name</th> 
        <th>Gender</th> 
        <th>Hire Date</th> 

      </tr> 
     </thead> 
    </table> 
@stop 

@push('scripts') 

<script type="text/javascript"> 
$(function() { 
    $('#users-table').DataTable({ 
     processing: true, 
     serverSide: true, 
     responsive: true, 
     ajax: 'http://localhost:8000/tasks', 
     columns: [ 
      { data: 'emp_no', name: 'emp_no' } 
      { data: 'birth_date', name: 'birth_date' }, 
      { data: 'first_name', name: 'first_name' }, 
      { data: 'last_name', name: 'last_name' }, 
      { data: 'gender', name: 'gender' }, 
      { data: 'hire_date', name: 'hire_date' } 
     ] 
    }); 
}); 
</script> 

@endpush 
@endsection 

입니다.

URL http://localhost:8000/tasks은 웹 브라우저에서 json을 반환하지만 데이터 테이블은 절대로 내보기에서 렌더링되지 않습니다. 내보기에 체크인 할 때 브라우저 오류가 없습니다.

무엇이 문제일까요?.

Answer 1

두 개의 메소드를 하나 만들고, 우리의 뷰와 우리의 datatables ajax 요청을 처리 할 다른 메소드를 디스플레이하십시오.

public function viewTasks() 
{ 
    return view('Tasks.index'); 
} 

프로세스 우리 datatables 아약스 요청

public function getTasks() 
{ 
    return Datatables::of(Employees::query())->make(true); 
} 

참조 링크 우리의보기를 표시합니다 - Yajra Datatable

Answer 2

당신은 당신의 컨트롤러에서 변경해야합니다. 새로운 경로 추가에 대한

public function task() 
    { 
     return view('datatables.Index'); 
    } 

변경 파일 web.php의 : 데이터 테이블을 보여주는 아래 코드를 추가

Route::get('employee','PrototypeController@task'); 

데이터 테이블 CDN을 추가하고 이미 컨트롤러를 가지고도

<link href="https://datatables.yajrabox.com/css/app.css" rel="stylesheet"> 
    <link href="https://datatables.yajrabox.com/css/datatables.bootstrap.css" rel="stylesheet"> 
    <link href='https://fonts.googleapis.com/css?family=Lato:400,700,300|Open+Sans:400,600,700,800' rel='stylesheet' 
      type='text/css'>