を結果を表示するには、エントリの表示番号を選択することができ、私は下のリンクで探しています何のためにデータテーブルがある例これは私が
を持っている現在のコードです
$(document).ready(function() {
$('#issueinput5').on('change', function() {
$.ajax({
url:'/lists/user',
method:'POST',
headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
data:{'pageinateData':$('#issueinput5').val(),},
success:function(d){
console.log(d)
}
});
});
});
<div class="form-group col-md-5">
<div class="col-md-1">Show</div>
<div class="col-md-2"><select id="issueinput5" name="priority" class="form-control"
data-toggle="tooltip" data-trigger="hover" data-placement="top" data-title="Priority">
\t \t \t \t <option value="1">1</option>
\t \t \t \t \t <option value="2">2</option>
\t \t \t \t \t <option value="3">3</option>
</select></div>
<div class="col-md-1">entries</div>
</div>
<div class="table-responsive pl-1 pr-1">
<table class="table table-bordered mb-0">
<thead>
<tr>
<th>#</th>
<th>Full Name</th>
<th>Username</th>
<th>Email</th>
<th>User Type</th>
<th>Actions</th>
</tr>
</thead>
<tbody>
@foreach ($users as $user)
<tr>
<th scope="row">{{ $loop->index + 1 }}</th>
<td>{{ $user->fullname }}</td>
<td>{{ $user->username }}</td>
<td>{{ $user->email }}</td>
<td>
@foreach($roles as $role) {{ $user->role_id == $role->id ? $role->name : ''}} @endforeach
</td>
<td>
<a href="{{ route('dUseInfo', [$user->id]) }}"><button type="button"
class="btn mr-0 mb-0 btn-outline-primary btn-sm"><i class="icon-settings2"></i> </button></a>
<button type="button" class="btn mr-0 mb-0 btn-outline-primary btn-sm"
data-toggle="modal" data-target="#iconModal" data-user-id="{{ $user->id }}">
<i class="icon-trash3"></i></button>
</td>
</tr>
@endforeach
</tbody>
</table>
</div>
デバッグの助けを求める質問(「なぜこのコードは動作していないか?」)は、所望の動作、特定の問題やエラーや問題自体でそれを再現するために必要な**最短のコードを含める必要があります* *。 – apokryfos
サーバー側の処理で[jQuery datatble](https://datatables.net/)を使用できる[Yajra Datatable package](https://datatables.yajrabox.com/)を使用することをお勧めします。動的ページネーションの問題を解決し、ユーザーリストテーブルに機能を追加します。 –
@apokryfos私の質問は、テーブルのページに限られた数のユーザーを表示するためにselectを使用してページ番号を制御する方法です。 –