{"id":261146,"date":"2023-05-21T08:44:00","date_gmt":"2023-05-21T05:44:00","guid":{"rendered":"https:\/\/inform.click\/40-melhores-plug-ins-de-grade-jquery\/"},"modified":"2023-05-21T09:06:00","modified_gmt":"2023-05-21T06:06:00","slug":"40-melhores-plug-ins-de-grade-jquery","status":"publish","type":"post","link":"https:\/\/inform.click\/pt-pt\/40-melhores-plug-ins-de-grade-jquery\/","title":{"rendered":"40 melhores plug-ins de grade jQuery"},"content":{"rendered":"<p>\n  Como voc\u00ea j\u00e1 deve saber, as grades CSS s\u00e3o a melhor maneira de criar layouts de grade. Mas \u00e0s vezes n\u00e3o ser\u00e1 suficiente para fun\u00e7\u00f5es din\u00e2micas personalizadas. Mas combinamos CSS e JavaScript juntos, isso pode fazer maravilhas. As grades JS s\u00e3o constru\u00eddas para uma melhor funcionalidade, elas s\u00e3o personalizadas para uma finalidade e s\u00e3o extremamente dif\u00edceis de construir.\n<\/p>\n<p>\n  Nesta postagem, inclu\u00edmos os <strong>40 melhores plug-ins de grade jQuery<\/strong> para ajud\u00e1-lo a criar os layouts que voc\u00ea sempre quis.\n<\/p>\n<p>\n  J\u00e1 existem v\u00e1rios plug-ins de grade jQuery de alta qualidade. Reconhecemos que cada um deles possui um conjunto impressionante de recursos, capacidades e um n\u00edvel de uso pelos membros da comunidade jQuery. Abaixo est\u00e3o algumas das amostras que voc\u00ea consideraria colocar em sua p\u00e1gina da web. Apreciar!\n<\/p>\n<h5>\n  ParamQuery Grid<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/paramquery.com\/\" target=\"_blank\" rel=\"noopener\"><\/a>\n<\/p>\n<p>\n  ParamQuery Grid o plug-in de grade jQuery de c\u00f3digo aberto mais r\u00e1pido com recursos empresariais como agrupamento de linhas, piv\u00f4, treegrid, agrupamento de colunas, aninhamento, edi\u00e7\u00e3o em lote, exporta\u00e7\u00e3o para v\u00e1rios formatos, sele\u00e7\u00f5es, navega\u00e7\u00e3o completa pelo teclado, al\u00e9m dos recursos b\u00e1sicos como classifica\u00e7\u00e3o, filtragem, pagina\u00e7\u00e3o, edi\u00e7\u00e3o em linha, valida\u00e7\u00f5es, etc.\n<\/p>\n<h5>\n  appendGrid<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/appendgrid.apphb.com\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-309568-63836994a512a.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  appendGrid permite inserir dados estruturados linha por linha, como preencher planilhas. Permite adicionar\/remover\/inserir\/excluir linha na grade. Os controles de entrada\/sele\u00e7\u00e3o\/\u00e1rea de texto gerados s\u00e3o bem nomeados para envio a aplicativos do lado do servidor, como ASP.NET\/PHP\/JSP. V\u00e1rias op\u00e7\u00f5es e eventos de retorno de chamada est\u00e3o dispon\u00edveis para atender a diferentes situa\u00e7\u00f5es.\n<\/p>\n<h5>\n  jQuery Elastic Grid<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/github.com\/vukhanhtruong\/jquery-elastic-grid\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-309568-638369985107d.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Um script de plug-in jquery de galeria leve e f\u00e1cil de usar inspirado na Pesquisa de imagens do Google com suporte para arquivos de imagem .PNG, .JPG e .GIF. Ele usa uma grade de miniaturas com visualiza\u00e7\u00e3o em expans\u00e3o para exibir suas imagens. Tamb\u00e9m \u00e9 totalmente compat\u00edvel com HTML5 e CSS3.\n<\/p>\n<h5>\n  Wookmark jQuery<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/github.com\/germanysbestkeptsecret\/Wookmark-jQuery\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-309568-6383699c4e5a0.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Um plug-in jQuery para criar um layout din\u00e2mico de v\u00e1rias colunas.\n<\/p>\n<h5>\n  Parede<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/github.com\/haltu\/muuri\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-309568-638369a023b93.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Layouts de grade responsivos, classific\u00e1veis, filtr\u00e1veis \u200b\u200be arrast\u00e1veis\n<\/p>\n<h5>\n  plug-in de mosaico jQuery<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/github.com\/tin-cat\/jquery-mosaic\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-309568-638369a4d0025.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Um plug-in jQuery para criar mosaicos responsivos de imagens ou qualquer outro conte\u00fado ajustado para corresponder a alturas em v\u00e1rias linhas, mantendo as propor\u00e7\u00f5es.\n<\/p>\n<h5>\n  Plug-in GridTab jQuery<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/github.com\/gopalraju\/gridtab\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-309568-638369a94ae1a.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Um plug-in jQuery leve para criar guias responsivas baseadas em grade.\n<\/p>\n<h5>\n  GridMaker<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/github.com\/fpfarina\/GridMaker\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-309568-638369ad5201a.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Uma biblioteca de layout JavaScript. Ele exibe imagens em linhas din\u00e2micas.\n<\/p>\n<h5>\n  newWaterfall.js<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/github.com\/1217950746\/New-Waterfall\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-309568-638369b0c34b6.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Um Jq e Js nativo duas vers\u00f5es do plug-in de fluxo em cascata\n<\/p>\n<h5>\n  Resizeable.js<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/github.com\/alexdovzhanyn\/resizeable.js\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-309568-638369b44fa4a.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Uma (pequena) biblioteca JavaScript para layouts de grade redimension\u00e1veis \u200b\u200bque preservam sua propor\u00e7\u00e3o.\n<\/p>\n<h5>\n  Plug-in justificado jQuery<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/github.com\/Kim-Thomas\/justified\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-309568-638369b8260f6.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Um plug-in jQuery para criar grades justificadas simples.\n<\/p>\n<h5>\n  Gridstack.js<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/github.com\/troolee\/gridstack.js\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-309568-638369bcb5e56.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Gridstack.js pode ajud\u00e1-lo a projetar seus pr\u00f3prios pain\u00e9is de arrastar e soltar com facilidade.\n<\/p>\n<h5>\n  jQueryHeightMatch<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/github.com\/BrettGregson\/jQueryHeightMatch\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-309568-638369bf6ac91.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Uma biblioteca jQuery para corresponder \u00e0 altura dos itens em um estilo metro do Windows. Funciona com bootstrap.\n<\/p>\n<h5>\n  fluxo de mosaico jQuery<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/github.com\/sapegin\/jquery.mosaicflow\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-309568-638369c2a1337.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Uma grade de imagem responsiva semelhante ao Pinterest que n\u00e3o \u00e9 ruim\n<\/p>\n<h5>\n  Gridagrama<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/github.com\/julianbrowne\/gridagram\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-309568-638369c6d61fe.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  O Gridagram pode gerenciar o layout din\u00e2mico da grade dos dados na tela, como o gridster de um homem pobre.\n<\/p>\n<h5>\n  JqgridsGenericName<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/github.com\/pedrolaxe\/Jqgrids\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-309568-638369ca89a78.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Um estilo JQuery Grids Metro.\n<\/p>\n<h5>\n  Grade DND<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/github.com\/juji\/dndgrid\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-309568-638369cdb6cc6.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Um plug-in de elemento de grade de arrastar e soltar para jQuery.\n<\/p>\n<h5>\n  Freewall<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/github.com\/kombai\/freewall\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-309568-638369d0c2470.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Um plug-in jQuery cross-browser e responsivo para ajud\u00e1-lo a criar layouts de grade, imagem e alvenaria para desktop, celular e tablet\u2026\n<\/p>\n<h5>\n  Shuffle.js<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/github.com\/Vestride\/Shuffle\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-309568-638369d3d968d.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Shuffle.js pode categorizar, classificar e filtrar uma grade responsiva de itens.\n<\/p>\n<h5>\n  Pedreiro.js<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/github.com\/ademilter\/bricklayer\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-309568-638369d6e04b2.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Uma biblioteca de layout de grade em cascata leve e independente semelhante ao Pinterest.\n<\/p>\n<h5>\n  Brickfolio<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/github.com\/fooplugins\/brickfolio\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-309568-638369d9a5880.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Um plug-in jQuery para melhores layouts de grade \u2013 especialmente para p\u00e1ginas de portf\u00f3lio.\n<\/p>\n<h5>\n  Grade jQuery<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/github.com\/umkka\/jquery-grid\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-309568-638369dc9a624.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Um plug-in jQuery para criar grade maronry.\n<\/p>\n<h5>\n  jQuery wallyti.js<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/github.com\/stefanocaronia\/wallyti\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-309568-638369df59155.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Um plug-in jQuery simples que pode ser usado para gerar uma parede de blocos lado a lado.\n<\/p>\n<h5>\n  Masonry.js<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/github.com\/Strobotti\/masonry.js\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-309568-638369e2e7988.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Um plug-in jQuery para criar layout de alvenaria lado a lado horizontal.\n<\/p>\n<h5>\n  jquery.tightgrid.js<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/github.com\/vursen\/jquery.tightgrid.js\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-309568-638369e68f583.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Um plug-in jquery baseado em bloco inline, que coloca os elementos na posi\u00e7\u00e3o vertical ideal, mantendo a ordem original.\n<\/p>\n<h5>\n  plug-in de grade de elementos jQuery<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/github.com\/aBitDancer\/jqElGrid\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-309568-638369e967734.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Um plug-in jQuery para criar layout de alvenaria lado a lado horizontal.\n<\/p>\n<h5>\n  rowGrid.js<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/github.com\/brunjo\/rowGrid.js\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-309568-638369ebb3934.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Um plug-in JavaScript pequeno e leve para colocar itens em linhas retas.\n<\/p>\n<h5>\n  Marechal<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/github.com\/blue-baron\/Marshal\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-309568-638369eec2287.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Um plug-in jQuery para organizar elementos em forma\u00e7\u00f5es de grade.\n<\/p>\n<h5>\n  jQuery tileWall<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/github.com\/martinwilmer\/tilewall\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-309568-638369f24a75a.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Um plug-in jQuery para o posicionamento din\u00e2mico de blocos em uma grade responsiva.\n<\/p>\n<h5>\n  Cascata<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/github.com\/bingdian\/waterfall\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-309568-638369f541cd4.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Um plug-in jQuery em cascata, como o Pinterest\n<\/p>\n<h5>\n  Respons\u00e1velAltura<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/github.com\/Codecomp\/ResponsibleHeight\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-309568-638369f913dd2.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Um plug-in jQuery para todos os elementos de altura responsivamente na altera\u00e7\u00e3o do n\u00famero de colunas.\n<\/p>\n<h5>\n  jquery Responsivegrid<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/github.com\/yksht\/jquery.responsivegrid\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-309568-638369fc822ac.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Um plug-in de grade responsiva.\n<\/p>\n<h5>\n  CSTiles<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/github.com\/CrazySquirrel\/CSTiles\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-309568-63836a007dac1.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Um plug-in jQuery para o componente de blocos JavaScript.\n<\/p>\n<h5>\n  mosaico<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/github.com\/ariellebryn\/Mosaic\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-309568-63836a03a9669.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Um plug-in jQuery para layouts de alvenaria com posicionamento padr\u00e3o ou espec\u00edfico de ladrilhos.\n<\/p>\n<h5>\n  Grade da Babil\u00f4nia<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/github.com\/turboMaCk\/Babylon-Grid\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-309568-63836a06ce92e.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Um plug-in jQuery + CSS leve para criar um pinterest responsivo, din\u00e2mico e personaliz\u00e1vel, como uma grade com suporte para diferentes larguras de coluna e alguns mods de exibi\u00e7\u00e3o.\n<\/p>\n<h5>\n  Salvador<br \/>\n<\/h5>\n<p>\n  <a href=\"http:\/\/salvattore.com\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-309568-63836a0a6e96f.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Uma alternativa jQuery Masonry com configura\u00e7\u00e3o baseada em CSS. Com Salvattore voc\u00ea pode se transformar <code>content: '4 .column.size-1of4';<\/code>em grade acima.\n<\/p>\n<h5>\n  Grid-A-Licious 3<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/github.com\/suprb\/Grid-A-Licious\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-309568-63836a0ec74bc.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Um plug-in jQuery Grid-A-Licious\n<\/p>\n<h5>\n  Fluido<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/github.com\/knaman2609\/fluid\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-309568-63836a12c6f25.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Um plug-in jQuery do tipo Ma\u00e7onaria\n<\/p>\n<h5>\n  jQuery Gridly<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/github.com\/ksylvest\/jquery-gridly\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-309568-63836a165ebc8.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Um plug-in jQuery para permitir arrastar e soltar, bem como redimensionar em uma grade.\n<\/p>\n<h5>\n  Stack-up.js<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/github.com\/heyadem\/stack-up\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-309568-63836a1a756b8.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Stack-up.js pode criar largura fixa, layouts de grade de altura vari\u00e1vel.\n<\/p>\n<\/p>\n<div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\n  Fonte de grava\u00e7\u00e3o: <a target=\"_blank\" rel=\"noopener nofollow\" data-pssr=\"\" href=\"http:\/\/www.instantshift.com\/2019\/09\/16\/best-jquery-grid-plugins\/\">instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Como voc\u00ea j\u00e1 deve saber, as grades CSS s\u00e3o a melhor maneira de criar layouts de grade. Mas \u00e0s vezes n\u00e3o ser\u00e1 suficiente para fun\u00e7\u00f5es din\u00e2micas personalizadas. Mas combinamos CSS e JavaScript juntos, isso pode fazer maravilhas. As grades JS s\u00e3o constru\u00eddas para uma melhor funcionalidade, elas s\u00e3o personalizadas para uma finalidade e s\u00e3o extremamente dif\u00edceis de construir. Nesta postagem, inclu\u00edmos os 40 melhores plug-ins de grade jQuery para ajud\u00e1-lo a criar os layouts que voc\u00ea sempre quis. J\u00e1 existem v\u00e1rios plug-ins de grade jQuery de alta qualidade. Reconhecemos que cada um deles tem um conjunto impressionante de recursos, capacidades, \u2026<\/p>\n","protected":false},"author":1,"featured_media":206969,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[215,124,228,59],"tags":[],"class_list":["post-261146","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-codificacao","category-ferramentas-web","category-livros-didaticos","category-web-e-wordpress-2"],"_links":{"self":[{"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/261146","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/comments?post=261146"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/261146\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/media\/206969"}],"wp:attachment":[{"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/media?parent=261146"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/categories?post=261146"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/tags?post=261146"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}