Solução completa de listagem/ordenação/paginação/busca com jQuery

Caramba…
Aqui estou eu vendo meus feeds no google reader quando me deparo com essa solução.
É basicamente um datadgrid, só que completo, você pode trabalhar em cima dele com customização do layout, mas é só isso que você precisa fazer, pois ele tem suporte a internacionalização com o nosso português brasileiro!

Limitação de registros por página e ordenação

Busca instantânea em todos os campos da tabela

A ativação é praticamente ridícula, tenho até vergonha de postar aqui, mas vamos lá…
Primeiro óbviamente, para que tudo funcione corretamente, você deve instalar a lib do jQuery e o plugin dataTables no seu sistema, isso deve ser o mais difícil perto do próximo passo.

Crie sua tabela respeitando as tags <thead> e <tbody> que são praticamente desconhecidas por muitos programadores, e dê um ID para sua tabela


Depois disso, adicione em um bloco script o comando $(‘#idDaSuaTabela’).dataTable() como no exemplo abaixo

Agora imagine a economia que você pode fazer em desenvolvimento, tendo isso em suas mãos!
Isso valoriza suas aplicações e só traz benefícios, tanto para você quanto para o seu cliente, quem sabe você não ganha até um aumento!
Foi útil? então, vamos colaborar com os caras, não seja mão-de-vaca :-p

Link: http://www.datatables.net/

15 ideias sobre “Solução completa de listagem/ordenação/paginação/busca com jQuery

  1. Rômulo

    Opa! uso esse plugin e acho muito bom, porém, estou tendo um problema agora… estou retornando aprox. 4mil registros do banco… o que está causando uma tremenda lentidão…
    então estive pensando em usar ajax junto.. mais não sei como utilizar… teria alguma dica?

    Abss e sucesso!

    Responder
  2. Rafael

    Muito bom… porém estou com o mesmo problema do Romulo, estou retornando mais de 4 mil registros e com isso fica muito lento a abertura da pagina. se houver uma solução favor post aqui.
    valeu

    Responder
  3. Raul Souza Lima

    Muito bom esse plugin, só que estou com o mesmo problema do amigo acima.
    Tem alguma forma de limitar a quantidade de registros retornadas do banco e fzr com que a cada mudança de página, ele busque mais registros ao invés de carregar todos de uma vez???

    Responder
  4. Alessandro

    mesmo problema de todos, importei uma lista de emails com 10 mil registros, estou tendo q tirar esse plugin do projeto…… alguem sabe como colocar ajax nisso?

    Responder
  5. Alex Soares

    Pessoal, nenhum plugin irá suportar tantos registros dessa maneira, vocês deve controlar o envio de registro no servidor com a linguagem q estiverem trabalhando.
    Para enviar no maximo 100 registro.

    Responder
  6. Andre

    Wender,
    COmo eu faço para traduzir os campos do toolbar .. Exemplo:
    Ao invés de Search, colocar Busca Rápida, ao invés de Show .. Entries .. Mostrar .. Entradas
    Muito Obrigado

    Responder
  7. Felipe Duardo

    Perfeito!

    Testei logo de cara o exemplo server side com uma tabela aqui do meu banco de dados…

    o “creepis” ficou por conta da codificação.. esses malditos �
    apareceram para estragar tudo, coloquei um Header UTF-8 no meu código php mas mesmo assim não deu certo…

    quando visualizo pelo browser vai de boa…

    Responder
  8. Uallace

    Bo tarde… Coloquei esse plugin no meu site, a tabela aparece normal toda formatada mas aparece o seguinte erro:

    “DataTables warning JSON data from server could not be parsed. This is caused by a JSOn formating error.”

    Tem como me ajudar?Valeu

    Responder
  9. Elvis

    Ainda não entendi exatamente como faço a instalação desse tipo de ‘plug-in’…

    Onde vai minha conexão com o banco?
    Como referencio a minha tabela com o #example ?

    Responder
  10. Denir

    Maravilha, eu até tenho implementado e tem funcionado bem, mas a pergunta é a seguinte:
    E QUANDO TIVER 500.000 REGISTROS A CARREGAR, ELE JÁ MONTA EM FORMA DE PÁGINAS, OU CARREGA TUDO DEPOIS MONTA AS PÁGINAS? Trabalho com java e o trem já abriu as pernas com 40.000 registros.

    Responder
  11. Rodrigo

    Estou com uma dificuldade em relação a ordenação de números, datas (no formato dd/mm/yyyy) e moeda neste plugin!
    Alguem conseguiu ordenar tudo facilmente?

    Responder

Deixe uma resposta

O seu endereço de email não será publicado Campos obrigatórios são marcados *

Você pode usar estas tags e atributos de HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>