Nesta aula irei mostrar como criar tabelas dinâmicas de verdade utilizando o plugin jQuery DataTable. Esse tipo de tabela é muito utilizado em painéis administrativos de sites, evitando assim a necessidade de criar funções para filtrar, pesquisar e paginar dados vindos do banco.
Depois de conhecer este plugin é bem provável que seus sistemas irão ter outra cara, ao menos no que diz respeito à dados tabulares. Confira a aula e bom estudo. Se gostar da aula deixe um comentário depois...
Compartilhe esse post:
Sou técnico em hardware e desenvolvedor web, e sobre estes dois assuntos comecei a compartilhar aulas e artigos, tornando-me blogueiro em 2008. Em 2010 esse hobby virou profissão, e desde então tenho buscado melhorar e profissionalizar cada vez mais os projetos que mantenho na web.
Atualmente temos 24 comentários para este post. Participe você também, clique aqui e comente sobre o assunto.
Não tenho certeza, mas acho que na documentação do DataTable tem um exemplo que mostra como fazer a soma de uma coluna no final da tabela, dê uma procurada lá.
ResponderMuito boa video aula, Ricardo gostaria de saber se tem como ordenar essa dataTable pela data, porque no meu caso eu tento ordenar por data ela fica desse jeito;
01/05/2013
01/06/2013
01/07/2013
02/05/2013
02/06/2013
02/07/2013
logo não ficando ordenada, ou seja ela traz primeiro o dia 1 depois o dia 2 depois dia 3 e assim por diante. estou pegando a data no banco de dados. Agradeço a sua ajuda desde já
ResponderPaulo caso tenha conseguido resolver seu problema me fale que estou com mesmo caso
Responder"Parabens"!
Jquery vai dominar o mundo!
Parabéns por mais esta ótima VA.
Obrigado!!!
Olá parabéns pela ótima VA, estou testando aqui e tentando pegar o ID para usar no form de alteração dos registros. Alguém conseguiu fazer algo pareceido?
Se coloco os campos Editar e Excluir ao clicar sobre ele, vai ordernar tbm não?
Alguém tem um dica de como proceder neste caso?
ResponderNossa, que rapidez em criar uma tabela com paginação e busca. Como perdi tempo criando paginação e ordenação ...
Muito legal esta video aula.
Alguma previsão para as próximas aulas do DataTable?
eu to com um problema aqui no meu,
Aqui tah aparecendo um erro
DataTables warning (table id = 'primeiro'): Requested unknown parameter '1' from the data source for row 0
ResponderVerifique sua codificação, há alguma chamada inválida em seu script.
ResponderÓtima Vídeo aula... Foi de grande ajuda!
ResponderBoa tarde Ricardo!
Excelente vídeo aula.
Mas na ocasião, o parabenizo e vou acorrer-lhe com o fim de sanar uma dúvida.
Estou selecionando os dados de uma tabela mysql via while(){} do php, e até aí, tudo ok.
Mas acontece, que tenho um menu vertical que é exibido ante o método :hover do css, e este menu, quando encontra com a tabela, vai pra debaixo dela, quando na realidade, deveria ser posicionado sobre ela.
Com a expertise que você possui aliada a sua sólida experiência, você teoriza sobre o que possa estar acarretando isto?
Obrigado!
ResponderNão faço idéia do que pode ser, já tentou inspecionar a página com o Firebug pra ver se não há erros nela?
ResponderProvavelmente é o CSS de algum dos elementos de seu site, que pode estar no float ou no position(absolute/relative) de algum objeto. Basta remover floats e position dos elementos de seu site e ver onde está o problema. Isso já me aconteceu muitas vezes quando pego algum template pronto e coloco menus drop-down nele, rs.
Espero ter ajudado.
Abraço
ResponderHá possibilidade de fazer uma pegando atravez do BD? Grato!
ResponderClaro Eltin, inclusive eu comentei isso na aula. É só fazer o loop do banco repetir a parte do corpo da tabela.
Respondere para order algum campo de data, tem alguma configura especial?........esses plugins de ordenação sempre tem problema para ordenar data ja testei 3 =S
ResponderDê uma conferida na documentação e nos exemplos do plugin, tem bastante informação extra lá.
ResponderRicardo, grato por mais esta va muito show.
Espero que logo faça uma pegando dados do BD.
Que 2012 seja um ano de paz e sucesso pra você.
ResponderCaaaaara q plugin SHOWWW perfeito, gostei muito, to impressionado :O
Serio, preciso muito disso e nao fazia ideia q tinha isso, muito bom, parabens pela video aula!!
Show de bola essa aula...estava já pensando em aplicar esse plugin no painel administrativo do meu site...uma vez tinha visto algo na net sobre isso e agora me deparei novamente com este assunto...hora de pôr em prática!
Parabéns..vlw pela aula..aguardando as próximas.
Feliz Natal e um 2012 cheio de realizações.
Respondermuito boa mesmo essa aula, o jquery vai dominar o mundo web rssrr, parabens
ResponderFantástico Ricardo, era o que eu estava procurando, obrigado
ResponderRicardo,
Show de bola ou melhor show de vídeo aula, cada vez melhor.
Obrigado.
Responder
© 2008-2026 - RBTech.info | Todos os direitos reservados | Hospedado por Innova Host
É proibida a reprodução total ou parcial de qualquer conteúdo deste site.
Ricardo, acompanho sempre o blog da RBTech, e sempre aprendo muito por aqui.
CRUD, DataTables, PHP com orientação a objetos, cara todo muito bem explicado e funcional.
Tenho uma dúvida com relação ao uso do Data Tables.
é o seguinte, eu ja uso faz tempo esse plugin, mas agora preciso montar uma tabela e no final dela mostra o resultado da soma de duas colunas, e não achei uma forma de fazer isso, será que é possível fazer esse resultado aparecer na ultima linha de uma tabela montada com Data Tables?
Se houver essa possibilidade você poderia me dar essa dica... fico muito grato.