Php 在表标签上添加排序功能
我用的是拉威尔5.4 所以我想知道我是否能够在不使用查询的情况下对表中的内容进行排序 以下是我的表格结构:Php 在表标签上添加排序功能,php,laravel,html-table,Php,Laravel,Html Table,我用的是拉威尔5.4 所以我想知道我是否能够在不使用查询的情况下对表中的内容进行排序 以下是我的表格结构: <table class="table table-hover"> <tr> <th>ID</th> <th>Item</th> <th>Total Earnings</th> <th>Quantity Sold
<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>
身份证件
项目
总收入
销售量
日期
@forelse($solditems作为$solditem)
{{$solditem->item_id}
{{$solditem->item}
{{$solditem->subtotal}
{{$solditem->qty}
{{\Carbon\Carbon::parse($solditem->created_at)->格式('jfyh:ia')}
@空的
@endforelse
使用Jquery数据表。
见文件
这里有CSS
和JS
所以,您需要做的是将以下脚本添加到您的文件中
$(document).ready(function(){
$('#myTable').DataTable();
});
您需要将id=“myTable”
添加到表元素中
更新
首先从上面的链接下载文件
将css
文件放入project/public/css/
目录中,然后将js
文件放入project/public/js/
目录中,添加
CSS
<link rel="stylesheet" href="{{ asset('css/dataTables.bootstrap.min.css') }}">
<script src="{{ asset('js/jquery.dataTables.min.js')}}"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.customTable').DataTable();
});
</script>
HTML
<table id="customTable">
....
</table>
....
JS
<link rel="stylesheet" href="{{ asset('css/dataTables.bootstrap.min.css') }}">
<script src="{{ asset('js/jquery.dataTables.min.js')}}"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.customTable').DataTable();
});
</script>
$(文档).ready(函数(){
$('.customTable').DataTable();
});
@JanArielSanJose很荣幸!不管怎样,恭喜我有点困惑。我想问一些事情来确认一下,除了修改我的脚本,我还需要做些什么吗?columnDefs格式似乎不起作用。您能详细解释问题所在吗?关于以jQuery.extend
开头的插件代码。我很确定要把它放在哪里,我正在尝试数字逗号。现在,我再次回到您提供的脚本。在DataTable
参数中添加columnDefs
仍然不起作用。顺便说一句,谢谢你坚持我的问题!不知怎么的,我对这是怎么回事有了一些想法。