Pagination 分頁
概述
分頁是一種用於將大量內容分割成多個頁面的顯示元件，它能讓使用者輕鬆瀏覽內容，避免資訊過載和過多滾動，同時減少頁面載入時間，提升性能與使用者體驗。
使用時機
分頁常用於以下情境：
- 列表：當列表項目數量過多時。
- 表格：當表格行數過多時。
- 搜尋結果：當搜尋結果數量過多時。
- 任何需要分頁顯示大量內容的場景：例如產品目錄、文章列表、圖庫等。
使用規範
當您取用分頁元件進行設計時，應考慮以下原則：
- 頁碼顯示：清晰地顯示當前頁碼和總頁數。
- 導航按鈕：提供上一頁、下一頁、首頁和尾頁等導航按鈕。
- 跳轉（選擇性）：提供輸入框或下拉選單，讓使用者可以直接跳轉到特定頁面。
- 每頁筆數（選擇性）：允許使用者選擇每頁顯示的項目數量。
設計範例
![]()
- 首頁按鈕 (First Page Button)：直接跳轉到第一頁。
- 上一頁按鈕 (Previous Page Button)：用於返回上一頁。
- 頁碼 (Page Numbers)：顯示當前頁碼和總頁數。
- 下一頁按鈕 (Next Page Button)：用於前往下一頁。
- 尾頁按鈕 (Last Page Button)：直接跳轉到最後一頁。
- 資料總筆數與目前頁面：顯示資料總數及當前所在頁面。
- 每頁資料筆數選單 (Items Per Page Dropdown)（選擇性）：每頁顯示 10/50/100 筆。
