问题描述
所以,我有这张桌子
<table class="table table-bordered" id="tabeljabatan" width="100%" cellspacing="0">
<thead>
<tr align="center">
<th width="5%">No.</th>
<th>Nama Jabatan</th>
<th>Keterangan</th>
<th width="16%" align="center">Aksi</th>
</tr>
</thead>
<tbody>
@foreach($masterJabatan as $mj)
<tr>
<td align="center"></td>
<td>{{ $mj->nama_jabatan }}</td>
<td>{{ $mj->keterangan}}</td>
<td align="center">
<a href="/jabatan/edit/{{ $mj->id_jabatan }}" class="btn btn-warning">Edit</a>
<a href="/jabatan/hapus/{{ $mj->id_jabatan }}" class="btn btn-danger">Hapus</a>
</td>
</tr>
@endforeach
</tbody>
</table>
这里是 JavaScript:
<script>
$(document).ready(function() {
var t = $('#tabeljabatan').DataTable( {
"columnDefs": [ {
"searchable": true,"orderable": true,"targets": 0
} ],"order": [[ 1,'asc' ]]
} );
t.on( 'order.dt search.dt',function () {
t.column(0,{search:'applied',order:'applied'}).nodes().each( function (cell,i) {
cell.innerHTML = i+1;
} );
} ).draw();
} );
</script>
为什么这个可订购和可搜索的表格不起作用?表格屏幕出现订单图标。 而且,如您所见,我已经将 searchable 和 order-able 设置为 true。
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)