DataTables: Busca, filtragem, paginação e estilização de tabelas _

dica-da-semana-4-dica-da-semana-4-busca-filtragem-paginacao-e-estilizacao-rapida-de-tabelas-com-o-datatables-57
dica-da-semana-4-dica-da-semana-4-busca-filtragem-paginacao-e-estilizacao-rapida-de-tabelas-com-o-datatables-57

por João Oliveira

Sou programador freelancer e empresário há mais de 15 anos. Já trabalhei em mais de 1000 projetos diferentes em PHP, Node, Python, HTML, CSS e Javascript. Tenho clientes na Alemanha, no Peru e é claro, no Brasil.

Já pensou adicionar paginação, busca, filtragem, ordenação e ainda estilização em tabelas HTML com apenas algumas linhas de código? Graças ao DataTables isso é rápido e fácil.

Tudo o que você precisa fazer é acessar o site do plugin e copiar as informações presentes na página inicial.

  1. Adicionar o jQuery na sua página.
  2. Adicionar o link pro css do datatables.
  3. Adicionar o link pro javascript.
  4. Referenciar a tabela através do atributo ID.
  5. Adicionar o código de tradução para PT-BR.

Pronto! O código HTML abaixo exemplifica os passos acima:

Além disso, você também pode fazer a integração nativa do plugin do com o Twitter Bootstrap, no vídeo abaixo explicamos o processo completo: