我正在使用Laravel 5.4
所以我想知道我是否能够在没有实际使用查询的情况下对表中的内容进行排序.
这是我的表结构:
<table class="table table-hover"> <tr> <th>ID</th> <th>Item</th> <th>Total Earnings</th> <th>Quantity Sold</th> <th>Date</th> </tr> <thead> </thead> <tbody> @forelse($solditems as $solditem) <tr> <td>{{$solditem->item_id}}</td> <td>{{$solditem->item}}</td> <td>{{$solditem->subtotal}}</td> <td>{{$solditem->qty}}</td> <td>{{\Carbon\Carbon::parse($solditem->created_at)->format('j F Y h:i A')}}</td> </tr> @empty @endforelse </tbody> </table>
解决方法
使用Jquery Data表.
见文档 here.
见文档 here.
这是CSS和JS的链接
http://cdn.datatables.net/1.10.15/css/jquery.dataTables.min.css
http://cdn.datatables.net/1.10.15/js/jquery.dataTables.min.js
$(document).ready(function(){ $('#myTable').DataTable(); });
您需要将id =“myTable”添加到表元素中.
UPDATE
将css文件放在project / public / css /目录下,将js文件放到project / public / js /目录下,添加如下
CSS
<link rel="stylesheet" href="{{ asset('css/dataTables.bootstrap.min.css') }}">
HTML
<table id="customTable"> .... </table>
JS
<script src="{{ asset('js/jquery.dataTables.min.js')}}"></script> <script type="text/javascript"> $(document).ready(function(){ $('.customTable').DataTable(); }); </script>