{"id":251936,"date":"2023-05-21T08:44:00","date_gmt":"2023-05-21T05:44:00","guid":{"rendered":"https:\/\/inform.click\/40-meilleurs-plugins-jquery-grid\/"},"modified":"2023-05-21T09:27:00","modified_gmt":"2023-05-21T06:27:00","slug":"40-meilleurs-plugins-jquery-grid","status":"publish","type":"post","link":"https:\/\/inform.click\/fr\/40-meilleurs-plugins-jquery-grid\/","title":{"rendered":"40 meilleurs plugins jQuery Grid"},"content":{"rendered":"

\n Comme vous le savez peut-\u00eatre d\u00e9j\u00e0, les grilles CSS sont le meilleur moyen de cr\u00e9er des mises en page de grille. Mais parfois, cela ne suffira pas pour les fonctions dynamiques personnalis\u00e9es. Mais nous combinons CSS et JavaScript ensemble, cela peut faire des merveilles. Les grilles JS sont con\u00e7ues pour une meilleure fonctionnalit\u00e9, elles sont personnalis\u00e9es dans un but pr\u00e9cis et sont extr\u00eamement difficiles \u00e0 construire.\n<\/p>\n

\n Dans cet article, nous avons inclus les 40 meilleurs plugins de grille jQuery<\/strong> pour vous aider \u00e0 cr\u00e9er les mises en page que vous avez toujours voulues.\n<\/p>\n

\n Il existe d\u00e9j\u00e0 un certain nombre de plugins de grille jQuery de haute qualit\u00e9. Nous reconnaissons qu’ils ont chacun un ensemble impressionnant de fonctionnalit\u00e9s, de capacit\u00e9s et un niveau d’utilisation par les membres de la communaut\u00e9 jQuery. Vous trouverez ci-dessous quelques-uns des exemples que vous envisageriez de mettre en place sur votre page Web. Prendre plaisir!\n<\/p>\n

\n Grille de requ\u00eate de param\u00e8tres
\n<\/h5>\n

\n <\/a>\n<\/p>\n

\n ParamQuery Grid le plugin de grille jQuery open source le plus rapide avec des fonctionnalit\u00e9s d’entreprise telles que le regroupement de lignes, le pivot, l’arborescence, le regroupement de colonnes, l’imbrication, l’\u00e9dition par lots, l’exportation vers plusieurs formats, les s\u00e9lections, la navigation compl\u00e8te au clavier en plus des fonctionnalit\u00e9s de base telles que le tri, le filtrage, la pagination, \u00e9dition en ligne, validations, etc.\n<\/p>\n

\n appendGrid
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n appendGrid vous permet de saisir des donn\u00e9es structur\u00e9es ligne par ligne, comme remplir des feuilles de calcul. Il vous permet d’ajouter\/supprimer\/ins\u00e9rer\/supprimer une ligne dans la grille. Les contr\u00f4les de zone d’entr\u00e9e\/s\u00e9lection\/texte g\u00e9n\u00e9r\u00e9s sont bien nomm\u00e9s pour \u00eatre soumis \u00e0 des applications c\u00f4t\u00e9 serveur telles que ASP.NET\/PHP\/JSP. Plusieurs options et \u00e9v\u00e9nements de rappel sont disponibles pour s’adapter \u00e0 diff\u00e9rentes situations.\n<\/p>\n

\n Grille \u00e9lastique jQuery
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Un script de plugin jquery de galerie l\u00e9ger et facile \u00e0 utiliser inspir\u00e9 de Google Image Search avec prise en charge des fichiers image .PNG, .JPG et .GIF. Il utilise une grille de vignettes avec un aper\u00e7u en expansion pour afficher vos images. Il est \u00e9galement enti\u00e8rement compatible HTML5 et CSS3.\n<\/p>\n

\n Marqueur jQuery
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Un plugin jQuery pour cr\u00e9er une mise en page dynamique \u00e0 plusieurs colonnes.\n<\/p>\n

\n Mur
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Une mise en page de grille r\u00e9active, triable, filtrable et d\u00e9pla\u00e7able\n<\/p>\n

\n Plugin mosa\u00efque jQuery
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Un plugin jQuery pour cr\u00e9er des mosa\u00efques r\u00e9actives d’images ou de tout autre contenu adapt\u00e9 pour correspondre aux hauteurs sur plusieurs lignes tout en conservant les proportions.\n<\/p>\n

\n Plug-in jQuery GridTab
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Un plugin jQuery l\u00e9ger pour cr\u00e9er des onglets r\u00e9actifs bas\u00e9s sur une grille.\n<\/p>\n

\n Cr\u00e9ateur de grille
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Une biblioth\u00e8que de mise en page JavaScript. Il affiche les images dans des rang\u00e9es dynamiques.\n<\/p>\n

\n newWaterfall.js
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n A Jq et Js natif deux versions du plugin de flux de cascade\n<\/p>\n

\n Redimensionnable.js
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Une (petite) biblioth\u00e8que JavaScript pour les mises en page de grille redimensionnables qui pr\u00e9servent leurs proportions.\n<\/p>\n

\n Plugin justifi\u00e9 jQuery
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Un plugin jQuery pour cr\u00e9er des grilles justifi\u00e9es simples.\n<\/p>\n

\n Gridstack.js
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Gridstack.js peut vous aider \u00e0 concevoir facilement vos propres tableaux de bord par glisser-d\u00e9poser.\n<\/p>\n

\n jQueryHeightMatch
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Une biblioth\u00e8que jQuery pour faire correspondre la hauteur des \u00e9l\u00e9ments dans un style Windows Metro. Fonctionne avec bootstrap.\n<\/p>\n

\n Flux de mosa\u00efque jQuery
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Une grille d’images responsive \u00e0 la Pinterest qui ne craint pas\n<\/p>\n

\n Gridagram
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Gridagram peut g\u00e9rer la mise en page dynamique de la grille des donn\u00e9es \u00e0 l’\u00e9cran comme le gridster d’un pauvre.\n<\/p>\n

\n Jqgrids
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Un style de m\u00e9tro de grilles JQuery.\n<\/p>\n

\n Grille du MDN
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Un plugin d’\u00e9l\u00e9ment de grille glisser-d\u00e9poser pour jQuery.\n<\/p>\n

\n Mur libre
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Un plugin jQuery multi-navigateur et r\u00e9actif pour vous aider \u00e0 cr\u00e9er des mises en page de grille, d’image et de ma\u00e7onnerie pour ordinateur de bureau, mobile et tablette\u2026\n<\/p>\n

\n Shuffle.js
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Shuffle.js peut cat\u00e9goriser, trier et filtrer une grille r\u00e9active d’\u00e9l\u00e9ments.\n<\/p>\n

\n Ma\u00e7on.js
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Une biblioth\u00e8que de mise en page de grille en cascade l\u00e9g\u00e8re et ind\u00e9pendante de type Pinterest.\n<\/p>\n

\n Portefeuille de briques
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Un plugin jQuery pour de meilleures dispositions de grille – en particulier pour les pages de portefeuille.\n<\/p>\n

\n Grille jQuery
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Un plugin jQuery pour cr\u00e9er une grille maronry.\n<\/p>\n

\n jQuery wallyti.js
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Un plugin jQuery simple qui peut \u00eatre utilis\u00e9 pour g\u00e9n\u00e9rer un mur de blocs tuil\u00e9s.\n<\/p>\n

\n Ma\u00e7onnerie.js
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Un plugin jQuery pour cr\u00e9er une disposition de ma\u00e7onnerie en mosa\u00efque horizontale.\n<\/p>\n

\n Jquery.tightgrid.js
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Un plugin jquery bas\u00e9 sur un bloc en ligne, qui place les \u00e9l\u00e9ments dans une position verticale optimale en conservant l’ordre d’origine.\n<\/p>\n

\n Plug-in jQuery Elements Grid
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Un plugin jQuery pour cr\u00e9er une disposition de ma\u00e7onnerie en mosa\u00efque horizontale.\n<\/p>\n

\n rowGrid.js
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Un petit plugin JavaScript l\u00e9ger pour placer des \u00e9l\u00e9ments en rang\u00e9es droites.\n<\/p>\n

\n Mar\u00e9chal
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Un plugin jQuery pour organiser les \u00e9l\u00e9ments dans des formations de grille.\n<\/p>\n

\n jQuery tileWall
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Un plugin jQuery pour le positionnement dynamique des tuiles dans une grille r\u00e9active.\n<\/p>\n

\n Cascade
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Un plugin cascade jQuery, comme Pinterest\n<\/p>\n

\n Taille responsable
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Un plugin jQuery pour chaque \u00e9l\u00e9ment de hauteur de mani\u00e8re r\u00e9active en changeant le nombre de colonnes.\n<\/p>\n

\n jquery Responsivegrid
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Un plugin de grille responsive.\n<\/p>\n

\n CSTiles
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Un plugin jQuery pour le composant de tuiles JavaScript.\n<\/p>\n

\n Mosa\u00efque
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Un plugin jQuery pour les dispositions de ma\u00e7onnerie avec un positionnement par d\u00e9faut ou sp\u00e9cifique des tuiles.\n<\/p>\n

\n Grille de Babylone
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Un plugin l\u00e9ger jQuery + CSS pour cr\u00e9er une grille de type pinterest r\u00e9active, dynamique et personnalisable avec une prise en charge de diff\u00e9rentes largeurs de colonnes et quelques mods d’affichage.\n<\/p>\n

\n Sauveur
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Une alternative \u00e0 jQuery Masonry avec une configuration bas\u00e9e sur CSS. Avec Salvattore, vous pouvez transformer content: '4 .column.size-1of4';<\/code>en grille ci-dessus.\n<\/p>\n

\n Grid-A-Licious 3
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Un plugin jQuery Grid-A-Licious\n<\/p>\n

\n Fluide
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Un plugin jQuery de type Masonry\n<\/p>\n

\n jQuery Gridly
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Un plugin jQuery pour permettre le glisser-d\u00e9poser ainsi que le redimensionnement sur une grille.\n<\/p>\n

\n Stack-up.js
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Stack-up.js peut cr\u00e9er des dispositions de grille \u00e0 largeur fixe et \u00e0 hauteur variable.\n<\/p>\n<\/p>\n

\n Source d’enregistrement: instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

Comme vous le savez peut-\u00eatre d\u00e9j\u00e0, les grilles CSS sont le meilleur moyen de cr\u00e9er des mises en page de grille. Mais parfois, cela ne suffira pas pour les fonctions dynamiques personnalis\u00e9es. Mais nous combinons CSS et JavaScript ensemble, cela peut faire des merveilles. Les grilles JS sont con\u00e7ues pour une meilleure fonctionnalit\u00e9, elles sont personnalis\u00e9es dans un but pr\u00e9cis et sont extr\u00eamement difficiles \u00e0 construire. Dans cet article, nous avons inclus les 40 meilleurs plugins de grille jQuery pour vous aider \u00e0 cr\u00e9er les mises en page que vous avez toujours voulues. Il existe d\u00e9j\u00e0 un certain nombre de plugins de grille jQuery de haute qualit\u00e9. Nous reconnaissons qu’ils ont chacun un ensemble impressionnant de fonctionnalit\u00e9s, de capacit\u00e9s, …<\/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":[210,223,119,54],"tags":[],"class_list":["post-251936","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-codage","category-manuels-scolaires","category-outils-web","category-web-et-wordpress"],"_links":{"self":[{"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/posts\/251936","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/comments?post=251936"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/posts\/251936\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/media\/206969"}],"wp:attachment":[{"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/media?parent=251936"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/categories?post=251936"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/tags?post=251936"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}