{"id":250036,"date":"2023-05-21T08:44:00","date_gmt":"2023-05-21T05:44:00","guid":{"rendered":"https:\/\/inform.click\/40-parasta-jquery-grid-laajennusta\/"},"modified":"2023-05-21T08:59:00","modified_gmt":"2023-05-21T05:59:00","slug":"40-parasta-jquery-grid-laajennusta","status":"publish","type":"post","link":"https:\/\/inform.click\/fi\/40-parasta-jquery-grid-laajennusta\/","title":{"rendered":"40 parasta jQuery Grid -laajennusta"},"content":{"rendered":"<p>\n  Kuten ehk\u00e4 jo tied\u00e4t, CSS-ruudukot ovat paras tapa rakentaa ruudukkoasetteluja. Mutta joskus se ei riit\u00e4 mukautettuihin dynaamisiin toimintoihin. Mutta yhdist\u00e4mme CSS:n ja JavaScriptin yhdess\u00e4, se voi tehd\u00e4 ihmeit\u00e4. JS-ruudukot on rakennettu parempaa toiminnallisuutta varten, ne on r\u00e4\u00e4t\u00e4l\u00f6ity tiettyyn tarkoitukseen ja niit\u00e4 on eritt\u00e4in vaikeita rakentaa.\n<\/p>\n<p>\n  T\u00e4ss\u00e4 viestiss\u00e4 olemme sis\u00e4llytt\u00e4neet <strong>40 parasta jQuery-ruudukkolaajennusta,<\/strong> joiden avulla voit luoda asetteluja, joita olet aina halunnut.\n<\/p>\n<p>\n  On jo olemassa useita korkealaatuisia jQuery grid -laajennuksia. Ymm\u00e4rr\u00e4mme, ett\u00e4 niill\u00e4 jokaisella on vaikuttava joukko ominaisuuksia, ominaisuuksia ja k\u00e4ytt\u00f6taso jQuery-yhteis\u00f6n j\u00e4senten keskuudessa. Alla on joitain esimerkkej\u00e4, jotka voisit sijoittaa verkkosivullesi. Nauttia!\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 on nopein avoimen l\u00e4hdekoodin jQuery grid -laajennus, jossa on yritysominaisuuksia, kuten rivien ryhmittely, pivot, puuverkko, sarakkeiden ryhmittely, sis\u00e4kk\u00e4isyys, er\u00e4muokkaus, vienti useisiin muotoihin, valinnat, t\u00e4ydellinen n\u00e4pp\u00e4imist\u00f6navigointi perusominaisuuksien, kuten lajittelu, suodatus, sivutus, lis\u00e4ksi, upotettu muokkaus, vahvistukset jne.\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 antaa sinun sy\u00f6tt\u00e4\u00e4 strukturoituja tietoja rivi rivilt\u00e4, \u200b\u200bkuten laskentataulukoiden t\u00e4ytt\u00e4minen. Sen avulla voit lis\u00e4t\u00e4\/poistaa\/lis\u00e4t\u00e4\/poistaa rivi\u00e4 ruudukossa. Luodut sy\u00f6tt\u00f6-\/valinta-\/teksti-alueen ohjausobjektit on nimetty hyvin l\u00e4hetett\u00e4v\u00e4ksi palvelinpuolen sovelluksiin, kuten ASP.NET\/PHP\/JSP. Saatavilla on useita vaihtoehtoja ja takaisinsoittotapahtumia eri tilanteisiin sopiviksi.\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  Kevyt, helppok\u00e4ytt\u00f6inen gallerian jquery-laajennusskripti, joka on saanut inspiraationsa Google-kuvahausta ja joka tukee .PNG-, .JPG- ja .GIF-kuvatiedostoja. Se k\u00e4ytt\u00e4\u00e4 pikkukuvaruudukkoa laajenevalla esikatselulla kuvien n\u00e4ytt\u00e4miseen. Se on my\u00f6s t\u00e4ysin HTML5- ja CSS3-yhteensopiva.\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  JQuery-laajennus dynaamisen monisarakkeisen asettelun luomiseen.\n<\/p>\n<h5>\n  Muuri<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  Responsiiviset, lajiteltavat, suodatettavat ja vedett\u00e4v\u00e4t ruudukkoasettelut\n<\/p>\n<h5>\n  jQuery Mosaic Plugin<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  jQuery-laajennus, jolla voidaan rakentaa responsiivisia mosaiikkeja kuvista tai mist\u00e4 tahansa muusta sis\u00e4ll\u00f6st\u00e4, jotka on sovitettu vastaamaan korkeuksia useissa riveiss\u00e4 kuvasuhteet s\u00e4ilytt\u00e4en.\n<\/p>\n<h5>\n  GridTab jQuery Plugin<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  Kevyt jQuery-laajennus ruudukkopohjaisten responsiivisten v\u00e4lilehtien luomiseen.\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  JavaScript-asettelukirjasto. Se n\u00e4ytt\u00e4\u00e4 kuvat dynaamisina rivein\u00e4.\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  Jq ja natiivi Js kaksi versiota vesiputousvirtalaajennuksesta\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  (Pieni) JavaScript-kirjasto muutettaville ruudukkoasetteluille, jotka s\u00e4ilytt\u00e4v\u00e4t kuvasuhteensa.\n<\/p>\n<h5>\n  jQuery Justified Plugin<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  jQuery-laajennus yksinkertaisten tasattujen ruudukoiden luomiseen.\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 voi auttaa sinua suunnittelemaan omia ved\u00e4 ja pudota -koontin\u00e4yt\u00f6t helposti.\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  JQuery-kirjasto, joka vastaa kohteiden korkeutta Windows Metro -tyyliin. Toimii bootstrapin kanssa.\n<\/p>\n<h5>\n  jQuery Mosaic Flow<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  Pinterestin kaltainen responsiivinen kuvaruudukko, joka ei ole perseest\u00e4\n<\/p>\n<h5>\n  Gridagrammi<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  Gridagram voi hallita dynaamista ruudukkoasettelua n\u00e4yt\u00f6ll\u00e4 n\u00e4kyville tiedoille kuin k\u00f6yh\u00e4n miehen ruudukko.\n<\/p>\n<h5>\n  Jqgrids<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  JQuery Grids -metrotyyli.\n<\/p>\n<h5>\n  DND-verkko<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  Ved\u00e4 ja pudota ruudukkoelementtilaajennus jQuerylle.\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  Selainten v\u00e4linen ja reagoiva jQuery-laajennus, jonka avulla voit luoda ruudukko-, kuva- ja muurattuja asetteluja p\u00f6yt\u00e4koneille, mobiililaitteille ja tableteille\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 voi luokitella, lajitella ja suodattaa kohteiden reagoivan ruudukon.\n<\/p>\n<h5>\n  Bricklayer.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  Kevyt ja itsen\u00e4inen Pinterestin kaltainen per\u00e4kk\u00e4inen ruudukkoasettelukirjasto.\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  JQuery-laajennus parempiin ruudukkoasetteluihin \u2013 erityisesti portfoliosivuille.\n<\/p>\n<h5>\n  jQuery Grid<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  jQuery-laajennus maronry-ruudukon luomiseen.\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  Yksinkertainen jQuery-laajennus, jota voidaan k\u00e4ytt\u00e4\u00e4 laatoitettujen lohkojen sein\u00e4n luomiseen.\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  jQuery-laajennus vaakasuoraan laatoitettuun muurausasetteluun.\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  Inline-block-pohjainen jquery-laajennus, joka sijoittaa elementit optimaaliseen pystyasentoon s\u00e4ilytt\u00e4en alkuper\u00e4isen j\u00e4rjestyksen.\n<\/p>\n<h5>\n  jQuery Elements Grid -laajennus<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  jQuery-laajennus vaakasuoraan laatoitettuun muurausasetteluun.\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  Pieni, kevyt JavaScript-laajennus kohteiden sijoittamiseen suorille riveille.\n<\/p>\n<h5>\n  Marshall<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  jQuery-laajennus elementtien j\u00e4rjest\u00e4miseen ruudukkomuodostelmiin.\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  jQuery Plugin laattojen dynaamiseen sijoittamiseen reagoivaan ruudukkoon.\n<\/p>\n<h5>\n  Vesiputous<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  jQuery-vesiputouslaajennus, kuten Pinterest\n<\/p>\n<h5>\n  Vastuullinen korkeus<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  jQuery-laajennus jokaiseen korkeuselementtiin responsiivisesti muuttuvassa sarakkeiden lukum\u00e4\u00e4r\u00e4ss\u00e4.\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  Responsiivinen grid-laajennus.\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  JQuery-laajennus JavaScript-laattakomponentille.\n<\/p>\n<h5>\n  Mosaiikki<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  jQuery-laajennus muurausasetteluille joko oletusarvoisesti tai tietyll\u00e4 laattojen sijoittelulla.\n<\/p>\n<h5>\n  Babylonin verkko<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  Kevyt jQuery + CSS -laajennus reagoivan, dynaamisen ja muokattavan pinterestin kaltaisen ruudukon luomiseen, jossa on erilainen sarakeleveystuki ja muutama n\u00e4ytt\u00f6moduule.\n<\/p>\n<h5>\n  Pelastaja<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  jQuery Masonry -vaihtoehto CSS-pohjaisella kokoonpanolla. Salvattoren avulla voit k\u00e4\u00e4nty\u00e4 <code>content: '4 .column.size-1of4';<\/code>yl\u00e4puolelle.\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  jQuery Grid-A-Licious -laajennus\n<\/p>\n<h5>\n  Neste<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  Muuraustyyppinen jQuery-laajennus\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  jQuery-laajennus, joka mahdollistaa ruudukon vet\u00e4misen ja pudotuksen sek\u00e4 koon muuttamisen.\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 voi luoda kiinte\u00e4n leveyden ja vaihtelevan korkeuden ruudukkoasetteluja.\n<\/p>\n<\/p>\n<div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\n  : <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>Kuten ehk\u00e4 jo tied\u00e4t, CSS-ruudukot ovat paras tapa rakentaa ruudukkoasetteluja. Mutta joskus se ei riit\u00e4 mukautettuihin dynaamisiin toimintoihin. Mutta yhdist\u00e4mme CSS:n ja JavaScriptin yhdess\u00e4, se voi tehd\u00e4 ihmeit\u00e4. JS-ruudukot on rakennettu parempaa toiminnallisuutta varten, ne on r\u00e4\u00e4t\u00e4l\u00f6ity tiettyyn tarkoitukseen ja niit\u00e4 on eritt\u00e4in vaikeita rakentaa. T\u00e4ss\u00e4 viestiss\u00e4 olemme sis\u00e4llytt\u00e4neet 40 parasta jQuery-ruudukkolaajennusta, joiden avulla voit luoda asetteluja, joita olet aina halunnut. On jo olemassa useita korkealaatuisia jQuery grid -laajennuksia. Ymm\u00e4rr\u00e4mme, ett\u00e4 niill\u00e4 jokaisella on vaikuttava joukko ominaisuuksia, ominaisuuksia,\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":[209,222,53,118],"tags":[],"class_list":["post-250036","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-koodaus","category-oppikirjoja","category-web-ja-wordpress-2","category-web-tyokalut"],"_links":{"self":[{"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/posts\/250036","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/comments?post=250036"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/posts\/250036\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/media\/206969"}],"wp:attachment":[{"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/media?parent=250036"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/categories?post=250036"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/tags?post=250036"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}