Início » Javascript » DataTables: Busca, filtragem, paginação e estilização de tabelas
DataTables: Busca, filtragem, paginação e estilização de tabelas
Postado em

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

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:

datatables tabelas

Newsletter

Entre em contato

Rua Coronel Rennó, 7
Centro - Itajubá, MG

contato@zerobugs.com.br

(35) 9 9983-4788

No Youtube

No Facebook

Zero Bugs