一、筆記

1. 自訂分頁樣板

{{ $paginator->links('admin::pagination') }}

$teachers = Teacher::paginate(15, ['*'], 'teacher-page');
$students = Student::paginate(15, ['*'], 'student-page');

$teachers = Teacher::paginate()->fragment('teacher-tab');
$students = Student::paginate()->fragment('student-tab');

情境如下圖，要在同一個畫面顯示老師和學生的資料，老師和學生分別放在不同 Tab，有各自的表格和分頁。

如果程式只單純的寫↓，我們點學生的其他頁碼，老師也會同步顯示一樣的頁碼。

$teachers = Teacher::paginate();
$students = Student::paginate();

要區別兩者 paginate 需設定第三個參數 pageName。

$teachers = Teacher::paginate(15, ['*'], 'tab1-page');
$students = Student::paginate(15, ['*'], 'tab2-page');

再來是我們點的是學生的頁碼，所以畫面載入之後應該回到學生的 Tab，而不是顯示老師的，所以要在 Url 加上 hash，讓前端的 JavaScript 去判斷要顯示哪個 Tab，完整程式如下：

$teachers = Teacher::paginate(15, ['*'], 'tab1-page')->fragment('tab-1');
$students = Student::paginate(15, ['*'], 'tab2-page')->fragment('tab-2');

產出的 Url 會像這樣：

https://your-domain.com.tw/users?tab2-page=3#tab-2

前端判斷要顯示哪個 Tab JavaScript 範例：

var hash = document.location.hash;
if (hash) {
    $('.nav-tabs a[href="' + hash + '"]').tab('show');
}

參考文件