• Monday , 25 May 2020

GRID – BootStrap Table com Angular JS – Parte 1

Code Canyon
https://i.ytimg.com/vi/Fq8uawhs2Mk/hqdefault.jpg



【【【 LEIA A DESCRIÇÃO 】】】

Sejam bem-vindos ao Canal SW9.

✔ Clique em gostei ✔ Compartilhe ✔ Inscreva-se

GRID – BootStrap Table com Angular JS – Parte 1

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.

O BootStrap Table, 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 BootStrap Table 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

Original source

3d Ocean

Related Posts

One Comment

  1. Marcos Martins
    June 11, 2019 at 16:37

    Muito bom seu video, Parabens, em relação aos filtros na ultima parte que vc selecionou o SELECT(COMBO) com os valores é possivel selecionar mais de uma opção ? coluna idade.. ex: filtrar apenas registos com 15 20 e 30 anos sendo q minha listagem vai de 10 a 100 isso é possivel ??

Leave A Comment

You must be logged in to post a comment.