Você está usando um navegador desatualizado. Para a visualização correta, atualize seu navegador:

Mapa do site


SimpleUi

Atualizando

Código para Paginação Download

? - +
Agrupar e organizar elementos
  1. Envolva todo o conteúdo que deseja paginar em um elemento com a classe ui_page
  2. Envolva cada item da paginação em um elemento com a classe ui_pageItem
Pronto! Isso é suficiente. Caso queira, você pode customizar a função:
  1. A paginação terá 10 itens por página
    • Para alterar esse padrão, use em ui_page o atributo data-perpage e informe o valor desejado, ex: data-perpage="20"
  2. Se achar necessário, gere o permalink para cada item da paginação:
    • Para isso, insira o atributo data-link="true" no elemento com a classe ui_page
    • Dessa forma, é possível indicar qual página será aberta ou capturar a URL após clicar em delas, seja para compartilhar ou abrir através de um endereço específico
  1. Após a paginação, usuários avançados podem implementar uma função do tipo callback
    • Para isso, crie a função callback_pagination(pageNum,firstItem,LastItem) e implemente as ações que irão ocorrer após a paginação
    • pageNum é número da página atual, firstItem é o objeto que corresponde ao primeiro item da página atual e LastItem é o objeto que corresponde ao último item da página atual.
    • Essa função não é obrigatória, ou seja, só será executada se existir. Caso positivo, para evitar duplicidades, lembre-se de implementar a função callback em arquivos específicos, presentes nas respectivas páginas finais, já que o seu objetivo não é genérico.
  2. A função de paginação pode ser usada mais de uma vez no mesmo documento
Customizar


Número de elementos

Mostrar item(ns).

Itens por página

Mostrar item(ns) por página.

Caminho

Ao paginar, a URL o caminho clicado. Padrâo: não exibir (false) Saiba mais
Os navegadores modernos são capazes de trocar a url em tempo de execução.
Uma vez habilitada, cada item paginado gera um link permanente, facilitando o acesso ao conteúdo.
Habilte essa função e observe a barra de endereço do navegador ao clicar na aba.
Tem certeza que deseja reiniciar todos os valores?

Resultado para Paginação