BootStrap Table com Angular JS – Parte 1
Sejam bem-vindos ao Blog SW9.
✔ Clique em gostei ✔ Compartilhe ✔ Inscreva-se
Olá Pessoal, venho apresentar a vocês uma nova série, agora para falar sobre o componente BootStrap Table. Este componente de grid foi desenvolvido para trabalhar nativamente com o BootStrap UI e o Jquery, no entanto fazendo algumas pesquisas na internet eu encontrei uma diretiva que nos permite usar o BootStrap Table em conjunto com o AngularJS.
Diferente do UI-GRID trabalha com extensões, o que nos permite agregar funcionalidades ao GRID de forma rápida e com poucas linhas de código. Além disso, o ele possui uma aparência mais agradável aos olhos dos usuários.
No vídeo de hoje vou apresentar as funcionalidades:
1- Grid com dados estáticos
2- Grid com dados vindos do servidor (Formato Json)
3- Estilo CSS
4- Ordenação de colunas (Simples e Múltipla)
5- Ajuste automático de tamanho
6- Filtro Simples e Composto
Eu espero que gostem deste primeiro vídeo sobre BootStrap Table.
Fiquem à vontade para fazerem comentários, sugestões e compartilhar o vídeo com seus amigos.
Links disponíveis:
1- Código Fonte: http://blog.sw9.com.br/acesso-area-de-downloads/
2- Arquivos de Idiomas: https://github.com/wenzhixin/bootstrap-table/tree/master/src/locale
3- Extensões BootStrap Table: https://github.com/wenzhixin/bootstrap-table/tree/master/src/extensions
✔ Clique em gostei ✔ Compartilhe ✔ Inscreva-se
Que tal me pagar um café :-)
Uma pequena quantidade de café foi consumida durante a produção de um post + vídeo. Se puder, contribua adicionando mais combustível para que eu tenha condições de seguir em frente.
Brincadeiras à parte, o valor selecionado é multiplicado por 2 (x2) que representa a multiplicação de minha dedicação a cada contribuição que recebo.
Deixe um comentário