Pagination [sw-pagination]
Paginação com reticências inteligentes — sempre mostra primeira, última e vizinhas da página atual.
1. Padrão
Reticências inteligentes — sempre mostra primeira, última e as vizinhas da página atual (sw-pagination-delta).
2. Com botões de início/fim sw-pagination-ends
Adiciona «/» nas pontas, pra pular direto pra primeira/última página — além do ‹/› de página anterior/próxima.
3. Pill .is-pil
4. Ghost .is-gst
Sem fundo sólido na página ativa — só cor e sublinhado. Visual mais discreto.
5. Tamanhos .is-sm / .is-lg
Referência
| Atributo/Classe | Padrão | Descrição |
|---|---|---|
sw-pagination-total | 1 | Total de registros. |
sw-pagination-per | 10 | Registros por página. |
sw-pagination-cur | 1 | Página atual. |
sw-pagination-delta | 2 | Quantas páginas vizinhas mostrar de cada lado. |
sw-pagination-ends | — | Presente = mostra botões «/» de pular pro início/fim. |
.is-pil | — | Itens com cantos totalmente arredondados. |
.is-gst | — | Ghost — página ativa sem fundo sólido. |
.is-sm / .is-lg | — | Tamanho pequeno/grande dos itens. |
sw:pagination:change | — | Evento — detail.page. |
SW.Pagination | — | Registrado em window.SW.Pagination (instância fica em el._swPagination, com .goto(page)). |
Usado automaticamente pela Table (AJAX) quando sw-table-per é definido.