Мои данные отображались совершенно нормально, но теперь я хочу отобразить данные в JS -Grid-плагине. Я реализовал и включил все необходимые файлы, необходимые для использования js -grid. Теперь я отправляю свои данные из Контроллера в представление, где я раньше отображал данные (без js -grid), но я не понимаю, как отображать данные в плагине js -grid через ajax?
Мой предыдущий файл просмотра (без js -grid)
<div class="card">
<div class="card-body">
<div class="row">
<div class="col-sm-5">
<h4 class="card-title mb-0">
Orders
</h4>
</div>
</div>
<div class="row mt-4">
<div class="col">
<div class="table-responsive">
<table class="table">
<thead class="bg-dark text-white">
<tr>
<th>Product</th>
<th>Total Price</th>
<th>Status</th>
<th>Created At</th>
<th>Action</th>
</tr>
</thead>
<tbody>
@if($orders->count())
@foreach($orders as $order)
<tr>
<td>
{{$order->getProductNames() }}
</td>
<td>{{ $order->total_price }}</td>
<td>{{ $order->translateStatus() }}</td>
<td>{{ $order->created_at }}</td>
<td><a class="badge badge-busy" href="{{route('frontend.user.product.invoice',$order->id)}}">Detail</a></td>
</tr>
@endforeach
@else
<tr>
<td>
<p>No Order Found</p>
</td>
</tr>
@endif
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
Мой новый файл просмотра с js -grid;
<div class="main-panel">
<div class="content-wrapper">
<div class="row grid-margin">
<div class="col-12">
<div class="card">
<div class=" card-body">
<h4 class="card-title mb-0">
Orders
</h4>
<div id="js-grid" class="pt-3"></div>
</div>
</div>
</div>
</div>
</div>
</div>
// здесь я хочу добавить ajax запрос на получение всех данных, как я получаю через foreach l oop выше. Любая помощь??? Пожалуйста, я застрял ..