Novo elemento TABLE do Bubble (melhor que Repeating Groups)
ฝัง
- เผยแพร่เมื่อ 6 ส.ค. 2024
- Hoje vamos falar sobre uma incrível novidade do Bubble.io, uma plataforma de desenvolvimento visual que acaba de lançar um elemento revolucionário: a TABLE. Com essa funcionalidade, agora é possível criar tabelas de dados de forma simples e rápida, sem a necessidade de gastar tanto tempo com grupos repetidores / repeating groups. E o melhor de tudo? As tabelas criadas com o elemento TABLE são totalmente responsivas, se adaptando perfeitamente a qualquer dispositivo.
Neste vídeo, vamos explorar em detalhes como utilizar o novo elemento TABLE do Bubble.io. Vou compartilhar com vocês os melhores truques e dicas para otimizar o uso das tabelas em seus projetos. A partir de agora, você poderá criar visualizações organizadas de dados de forma simplificada e eficiente.
Imagine a economia de tempo que você terá ao criar tabelas sem a necessidade de incorporar grupos repetidores. Com a TABLE, você poderá adicionar e editar dados diretamente nas células da tabela, facilitando o gerenciamento das informações e eliminando processos complicados.
Dentro do vídeo, faremos uma demonstração passo a passo da criação de uma tabela usando o elemento TABLE. Vou mostrar como adicionar as colunas e linhas necessárias, como personalizar a aparência da tabela, aplicar filtros e ordenar os dados de forma intuitiva. Além disso, abordaremos as principais opções de formatação e configuração, permitindo que você tenha total controle sobre a exibição e comportamento da tabela.
👉 Veja as tables prontas do Bubble Essential Kit: essentialkit.io/tables
00:00 Deixa um LIKE e se INSCREVE!
00:31 O novo elemento Table (tabela)
02:33 A estrutura de uma table
03:58 Modelos prontos de Table
05:15 Quando usar table ou grupo repetidor
06:07 Recursos legais da Table
07:58 Recursos que a Table ainda não tem
09:03 Como usar a Table
#semcodar #bubble #nocode
- - - - - - - - - - - - - - - - - -
👨🏫 Comunidade Sem Codar - O maior curso No-Code do mundo, com centenas de aulas Bubble (No Code), FlutterFlow, WeWeb e Xano (Low Code), tutoriais passo a passo, do zero ao avançado e marketplace de profissionais. Além de um grupo exclusivo com milhares de membros tirando e esclarecendo dúvidas todos os dias:
lp.semcodar.com.br/?...
🚀 Aula Gratuita - Tudo que você precisa saber pra começar no mundo do desenvolvimento visual de aplicativos:
lp.semcodar.com.br/csc-cap-ma...
💻 Crie sua conta gratuita no Bubble: link.semcodar.com.br/bubble
💻 Crie sua conta gratuita no FlutterFlow: link.semcodar.com.br/ff - วิทยาศาสตร์และเทคโนโลยี
![[ไฮไลต์] แบดมินตันชาย SHI Yu Qi (จีน) vs วิว กุลวุฒิ (ไทย) รอบ 8 คน | โอลิมปิก 2024](http://i.ytimg.com/vi/f7z7taforOM/mqdefault.jpg)
Estou aprendendo, e estava sofrendo com grupos repetidores.. Ufaa.. Santa tabelinha 🙏 Tks man!
Outros recursos legais em tabelas que poderiam ser implementados: filtros diversos....possibilidade do usuário selecionar as colunas que deseja ver ou ocultar...possibilidade de exportar em xls, csv, pdf etc...basicamente os recursos disponíveis em tabelas mais complexas....quem sabe o Bubble chega lá um dia...valeu Renato...
Isso sim que é um "Boa Noite". Vou dormir feliz com essa notícia e já testarei para o projeto de um cliente pela manhã. Grande Renato, valeu D+
boa ! já vou começar a usar !!!! valeu professor por sempre trazer as novidades pra gente
Parabéns Renato pelo trabalho que vens fazendo!!!
Grande Renatão, realmente a ordenação dinâmica será muito bacana!!!!!!!!!
Realmente mais rápido na criação de tabelas do que via Grupo Repetidor, SEM CODAR tá top🚀✅
Você é fera Renato!
Simplesmente sensacional!
Show Renato
show! parabéns e obrigado!
Esse vídeo chegou na hora certa. Obrigado! Valeu muito. Em breve estarei na Comunidade Sem Codar. Forte abraço!
Será muito bem vindo :)
Bubble é sensacional, único e muito bom. Uso e gosto dele
Me lembra do detetive caracol... Da hora suas aulas
Boa noite Renato :)
que lindo 🥹
eita!! pra ficar perfeito, só falta aceitar fórmulas (fx) como no excel...
Finalmente vou substituir meus repeating groups
Sensacional. Mas ainda vou manter meu app no RG. Assim que sair o ordenamento dinamico e a paginação, mudo tudo para table.
Aleluia irmão! 🙌🏼😅
Top
Com os recursos que tem no Notion ficará top... soma, média... etc.
Como faço pra exibir um item que são multiplas entradas, porém um por linha ? Quando mando exibir ele puxa, porém mostra todos em uma unica linha. (Quantidade: 100, 101, 102) e na outra coluna os (itens: Copo, Garfo, Colher). Gostaria de exibir isso de forma que ficasse visivel qual item e a quantidade. Comprei seu curso, bacana demais ele viu
Vou falar sério... Eu esperava mais desse elemento, como por exemplo as funcionalidades de pesquisa e filtros, bem como exportar os dados .csv, pdf, xls.
Putz, seria lindo. Vamos torcer pra eles continuarem trabalhando nele :)
Quando houver atualização por favor post aqui. Obrigado
Quarta-feira agora assino o curso, e preparar logo uma tabela dessa ai pra tipo postagens de foto ou só descrição, e comentários so pra eu copiar e colar kkkk, pq to apanhando nessa parte na criação da minha Rede social 😢 as imagens ficam horríveis kkk
Se eu tiver uma coluna que exibe o resultado da multiplicação da primeira coluna pela segunda, como faço para exibir o total dessa coluna no rodapé?
Eu fico de cara, o vídeo tem 12 mil visualização e somente e somente 581 curtidas!!!
Também fico 👀
Esse componente já possui ordenação e paginação?
Como eu altero o Layout Style do grupo repetidor?? essa opção não existe mais?
Voltando pro RG 😭. Preciso de ações (custom state) ao clicar em determinada linha da tabela. Table não tem opção para inserir workflows.
Boa! Senti falta também de Actions no Workflow como o "DisplayList". Pra quem usa o DB do Xano, vai ser obrigatório atualizar a página depois de uma alteração, para atualizar os itens da tabela?
Eu já iria adotar as tabelas agora, mas vou aguardar melhorias. Por enquanto RepeatingGroups mesmo.
Também senti falta.
Renato.... faz um aula falando sobre período teste... ex : 30 dias teste ..... eu nao to achando nda na comunidade!
Só configurar os webhooks pra isso. Aqui um exemplo: comunidade.semcodar.com.br/aula/stripejs-webhook - Stripe.js - Notificações Webhook
Aí o meio de pagamento vai te disparar um webhook na mudança de status de assinatura, e você ativa/desativa o user com base nessa informação :)
Boa noite Renato!
Sobre ordenamento dos dados na Table ou em RG’s, existe algum tutorial disponível?
Copia o grupo repetidor pronto do Bubble Essential Kit, e olha os workflows dele que você vai entender exatamente como fazer: essentialkit.io/rg-tables
ótima aula, estou evoluindo muito nas tabelas, porem se alguém puder me ajudar? Preciso fazer um calculo entre celulas de uma table, como posso fazer?
Depende, precisaria saber mais sobre essa modelagem de banco aí. Se estiver na Comunidade Sem Codar, faz um post lá no grupo.semcodar.com.br que a gente ajuda a achar o problema (e a solução) :)
Olá renato, tudo bom? Pretende fazer alguma aula sobre weweb? Como você vê o weweb comparado ao bubble? Uso o bubble a muito tempo, mas penso em usar o weweb devido a separação do backend e a mudança de preços do bubble
Pedro, pretendo fazer sim, no futuro.
Eu vejo da seguinte forma:
Bubble -> A melhor plataforma No Code para aplicações web
FlutterFlow -> A melhor Low Code para apps nativos (e algumas aplicações web)
WeWeb -> A melhor Low Code para aplicações web
WeWeb é muito boa, mas se for só esse motivo que você mencionou, não sei se compensa o esforço adicional. WeWeb é significativamente mais difícil de usar, e com muito menos recursos prontos do que Bubble. Muitas coisas que Bubble já faz nativamente ou com plugins, no WeWeb você vai ter que ir pro código.
Você pode usar o Bubble e integrar com um backend externo como Xano, inclusive falamos sobre isso aqui: th-cam.com/video/_ptksBhGZjA/w-d-xo.html
oii, to com um probleminha... espero q me ajude rsrsr to criando uma tabela horizontal no buble, mas no meu app ela só mostra 3 colunas (repetidas) mas quero 5! já tentei de varias formas mudar aqui para exibir, mas não importa o q eu faço só mostra 3. poderia me dizer o q eu posso fazer?
Alguém explica com faz pra deixar linhas com cores diferente com tabelas?
Falta a table.lista of itens, igual o RGroup
excelente recurso oque eu nao consegui foi filtrar com um iput, nao funcionou como um grupo repetidor normal tentei de toda forma n ta filtrando alguem ja conseguiu?
Muito bom. Será que com esse novo recurso daria pra fazer aquele efeito de congelar painéis que tem no Excel?
Sim, eles tem a opção de deixar a primeira linha como "sticky". Mas na prática, ainda não consegui entender como funciona, tô testando.
@@RenatoAsse Já conseguiu fixar a o cabeçalho? Eu ainda não :(
@@leandroribeirodiniz2285 também não 😅
Mais alguém esta tendo problemas ao usar filtros dinamicos?
exemplo, ao filtrar os dados a tabela vai exibir uma quantidade menor de dados, mas, ao limpar os filtros ela não volta exibir a mesma quantidade original
Aqui não tive problema, mas no fórum do Bubble teve uns relatos de bugs similares à esse, sim.
Ai eu passei o dia todo concluindo meu grupo repetidor, e vim no youtube só pra tentar ver como vou ordenar, e encontro um video me mostrando algo mto melhor e vou ter que refazer kkkk, valerá o esforço...
Nada, fica tranquilo. Você ainda usará grupo repetidor na maioria dos cenários, é bem mais versátil que a tabela (embora mais avançado). Como sempre digo por aqui: não existe conhecimento perdido.
Voltando aqui pra dizer que, para o meu objetivo a tabela não é viável, pois quero clicar no item/produto da linha e automaticamente acionar o efeito acordeon, e abrir uma nova linha embaixo dela como expansão, e assim por diante a cada linha... acontece que tentei fazer isso na tabela, e não permite adicionar Workflow nela e nem mesmo agrupar a linha para colocar ações de clique. Caso queira fazer o teste e se der certo eu ficarei muito feliz em aprender mais essa...
@@RenatoAsse
@@antomneto perfeito. Se você for membro da Comunidade Sem Codar, terá acesso à modelos prontos de accordion lá no Bubble Essential Kit, cola eles na tua página e veja como fica: essentialkit.io/accordions
@@RenatoAsse sim, sou, uso bastante o Essential Kit
Boa noite Renato! Se for uma lista de posts (num app tipo social midia) de usuários com fotos ou vídeos, seria mais vantajoso numa tabela?
Não, pois lista de posts é uma lista de uma coluna só, geralmente com cards. Típico uso pra grupo repetidor.
Boa noite!
Teria como o senhor fazer um vídeo de uma API do bubble com baserow?
São os mesmos fundamentos pra integrar qualquer outra API. Se estiver na Comunidade Sem Codar, assiste o módulo de integrações API (comunidade.semcodar.com.br/aulas?curso=bubble-complementares&mod=api) que você aprende.
E se empacar em qualquer momento, manda um post lá no grupo.semcodar.com.br que a gente ajuda a desempacar :)
Eu criei uma tabela com as informações e coloquei um icone para clicar e apagar aquela linha. Infelizmente quando clico para apagar, ele apaga porem quando atualiza a pagina aquele item volta. E no banco de dados nao é alterado em nada quando clica. Testei aqui novamente o repeting group e funcionou normalmente. Me salva renato 🙏… rsrsrs
Difícil adivinhar o erro sem ver o aplicativo por dentro. Se estiver na Comunidade Sem Codar, faz um post lá no grupo.semcodar.com.br que a gente ajuda a achar :)
muito bacana esse componente novo, mas eu acho que achei um bug nele... eu fiz uma tabela para o adm gerenciar o status de alguns produtos. quando era o grupo repetidor, tinha um dropdown que tinha um workflow (when value change), fazia uma mudança no status do db... tentei fazer a mesma coisa, puxei as mesmas informações (currente rows produto) e o field eu coloquei status = drowpdown status...
enfim, ele não altera o valor no db, quando recarrega a pagina continua o valor anterior... já com o grupo repetidor, da certo.
Sim, vi uns relatos de bug desde o lançamento. Logo devem corrigir e ir lançando as melhorias :)
Renato, bom dia estou querendo entra na comunidade , mais so tenho uma duvida, da pra criar uma chat entre cliente e server no flutter flow ?
Claro, isso se faz com APIs. Mostramos como integrar com Firebase, com Xano, com o que quiser.
Ola carrisimo quero criar um app para que os usuarios podem localizar socorrista, médico e enfermeiro para assistencia medica. Em qualquer lugar .
Olá, eu tenho 15 anos e quero já começar no mercado, mas n tenho muito conhecimento em bubble e não sei se dá para criar um saas para vender nem várias empresas que envia pedidos pelo WhatsApp no bubble?
Consegue, sim. Aqui falo mais sobre como funciona essa lógica de aplicações “multiempresas”: th-cam.com/video/yPdNZBqnig0/w-d-xo.html
Renato tenho um App em Bubble no plano free, tinha gravado 200 itens no banco de dados, para me possibilitar fazer outros testes, exclui todos eles. Mas não consigo gravar mais nenhum dado vem a informação que atingi o limite de itens no BD, mesmo com o BD zerado. Fui nas configurações continuo tenho 200 itens gravados mesmo com o BD zerado ? Alguma sugestão do que devo fazer ?
Amaral, ou ficaram alguns itens aí em alguma tabela que você não viu, ou tem algum bug. Verifica tudo novamente, e se for bug, entra em contato com o Bubble pelo support@bubble.io.
Blz.
Possibilidade de usar fórmulas como: subtotais, somatórios, médias, mínimos.....
Pelo menos tem como fazer paginação na mão e pesquisar usando super filtro?
Marcelo, com grupo repetidor ainda é mais fácil fazer paginação. Com Table, precisa fazer no número de itens, dá uma olhada nos comentários desse post: grupo.semcodar.com.br/c/duvidas-bubble/novo-elemento-table-no-bubble-adeus-repeating-groups
@@RenatoAsse valeu Renato, vou olhar obrigado irmão
E Acesso a cada item dentro da tabela?
Precisa usar o Orchestra também?
Alan, não consegui usar o Orchestra, pois não dá pra acessar um elemento dentro da Table. Mas consegui usar o Current Cell Action :)
@@RenatoAsse Ah então acessa nativamente ótimo. Eu preciso pra dar baixa em estoque e enviar orçamento com os itens separados.
Renato tem como bloquear o cpf de algum usuário no meu app do bubble? Pra ele nunca mais poder usar meu app?
Claro, tudo são regras de negócio. Pode cruzar o dado do usuário contra um banco de dados que você já tenha e mostrar uma mensagem de erro se ele estiver bloqueado.
@@RenatoAsse minha mente não tá desbloqueada para saber fazer essa açao kkk mas vou tentar
Pelo que parece o Bubble está forçando para um UPgrade já que tenho um aplicativo que ainda está na versão 7 e para atualizar (e obter novos recursos como o table) para a versão 21 é necessário mudar de plano. Confere?
Não, não precisa mudar de plano. Pode migrar pra versão 25 e manter no free.
@@RenatoAsse RESOLVIDO CONSEGUI ATUALIZAR
Esse recurso não aparece pra mim. Alguém sabe me informar pq? Meu plano do Bubble é pago.
Tá ali dentro de "Containers > Table". Verifica se seu aplicativo está na nova responsividade.
Como instalo a tabela, pois ja atualizei e ela nao aparece no meu editor!
Versão 21, e nova responsividade, e ela vai aparecer :)
@@RenatoAsse uma outra questao, eu nao tinha me atentado que o bubble precisa ser atualizado, entao estava na versao 11 ainda, e confesso que nao me adaptei com esse "motor de responsividade", nessas novas versoes, mudou alguma coisa nesse quesito ou continua igual.?
@@gutocarrato7292 a nova responsividade já nasceu boa, mas melhorou ainda mais depois. Guto, é aquelas coisas que a gente só não migra por teimosia, tipo quando a pessoa não migra pra carro automático pois ainda "prefere o manual". Cara, confia em mim: TUDO é melhor, não perde em absolutamente nada. Investe um tempo aprendendo que vai valer a pena demais.
Assiste esse módulo: comunidade.semcodar.com.br/aula/respbubble-1-comofunciona - Como funciona a Nova Responsividade
@@RenatoAsse acho que foi flta d habilidade minha mesmo, ontem estava trocando uma ideia com um colega em um grupo de whatssap e ele me passou umas dicas, agora parece que estou entendendo melhor a proposta da responsividade. Vlw meu amigo, breve retorno a comunidade para aprender Futter e ver a novidades sobre inteligencia artificial, pois meus clientes ja estao pedindo, ate breve.
FlutterFlow atualiza melhorias todas semanas o Bubble quase 3 anos pra lançar uma tabela 😂
e ainda faltando coisas básicas, como por exemplo: paginação automática
FF é muito bom mesmo. Porém, quando uso como desktop, tenho a sensação que tudo não passa de uma imagem... parece um PDF bloqueado, não sinto os elementos. Tipo... numa ListViewe ou Datatable não dá pra selecionar a os registros, apenas no máximo o elemento de texto com a propriedade selected habilitada.. tudo parece um grande print sendo emulado no navegador.. parece aqueles cards de canvas gigantes.. espero q seja mau uso da minha parte
Está "quase" sendo possível abandonar de vez o Excel de vez kkkkkk