{"id":8288,"date":"2025-04-06T23:52:21","date_gmt":"2025-04-06T23:52:21","guid":{"rendered":"https:\/\/tableberg.com\/?p=8288"},"modified":"2025-04-26T16:32:05","modified_gmt":"2025-04-26T16:32:05","slug":"comment-creer-un-tableau-triable-dans-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/fr\/how-to-create-a-sortable-table-in-wordpress\/","title":{"rendered":"Comment cr\u00e9er un tableau triable dans WordPress"},"content":{"rendered":"<p>Pourquoi avons-nous besoin d'un tableau ? Parce que, parfois, il ne suffit pas d'\u00e9num\u00e9rer les choses en texte clair. Comment cr\u00e9er un tableau ? Vous pouvez le faire en utilisant le bloc Table int\u00e9gr\u00e9, un plugin avec des fonctionnalit\u00e9s avanc\u00e9es, ou en ajoutant du HTML personnalis\u00e9, en fonction de l'\u00e9diteur ou du constructeur de pages avec lequel vous travaillez. Les tableaux sont le moyen le plus simple de structurer et d'organiser vos informations.&nbsp;<\/p>\n\n\n\n<p>Mais plus votre tableau s'agrandit, plus les d\u00e9fis se multiplient. Plus il y a de lignes, plus il faut faire d\u00e9filer les pages. Plus il y a de colonnes, plus il est difficile de rep\u00e9rer les d\u00e9tails importants. Ce qui \u00e9tait au d\u00e9part une pr\u00e9sentation claire peut rapidement devenir une source de confusion pour les utilisateurs qui tentent de trouver un \u00e9l\u00e9ment de donn\u00e9es sp\u00e9cifique.<\/p>\n\n\n\n<p>C'est l\u00e0 que les tableaux triables deviennent particuli\u00e8rement utiles. Au lieu d'obliger les utilisateurs \u00e0 tout lire, vous pouvez leur permettre de trier les donn\u00e9es en fonction de ce qui les int\u00e9resse, comme le prix, la date, le nom ou l'\u00e9valuation, d'un simple clic.<\/p>\n\n\n\n<p>Dans cet article, nous allons vous expliquer comment cr\u00e9er un tableau triable \u00e0 l'aide de Tableberg et comment contr\u00f4ler la direction du tri en fonction de votre mise en page.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Cr\u00e9er un tableau triable dans WordPress<\/strong><\/h2>\n\n\n\n<p>Dans les \u00e9tapes suivantes, nous allons vous montrer comment cr\u00e9er un tableau \u00e0 l'aide de la fonction <a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noopener\">Tableberg<\/a>. Vous apprendrez \u00e9galement comment rendre le tableau triable avec quelques param\u00e8tres seulement.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>\u00c9tape 1 : Installer et activer Tableberg<\/strong><\/h3>\n\n\n\n<p>Allez dans votre tableau de bord WordPress, ouvrez l'onglet <strong>Plugins<\/strong> et cliquez sur <strong>Ajouter un nouveau<\/strong>. Rechercher <strong>Tableberg<\/strong>alors<strong> installer<\/strong> et <strong>activer<\/strong> le plugin.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"415\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/Tableberg-install-new-1024x415.png\" alt=\"Installer et activer Tableberg\" class=\"has-border-color wp-image-8289\" style=\"border-color:#a5d2f7;border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/Tableberg-install-new-1024x415.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/Tableberg-install-new-300x122.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/Tableberg-install-new-768x312.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/Tableberg-install-new-18x7.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/Tableberg-install-new.png 1400w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>\u00c9tape 2 : Ins\u00e9rer un tableau dans votre article<\/strong><\/h3>\n\n\n\n<p>Ouvrez l'article ou la page o\u00f9 vous souhaitez placer le tableau. Maintenant, utilisez l'outil <strong>ins\u00e9reur de blocs<\/strong> pour localiser le <strong>Bloc Tableberg<\/strong>ajoutez-le \u00e0 votre contenu et choisissez le nombre de lignes et de colonnes dont vous avez besoin.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"438\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/2-1-1024x438.png\" alt=\"Ins\u00e9rer un tableau dans votre article\" class=\"has-border-color wp-image-8301\" style=\"border-color:#a5d2f7;border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/2-1-1024x438.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/2-1-300x128.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/2-1-768x328.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/2-1-1536x657.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/2-1-18x8.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/2-1.png 1679w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>\u00c9tape 3 : Saisissez le contenu de votre tableau<\/strong><\/h3>\n\n\n\n<p>Cliquez dans chaque cellule et ins\u00e9rez-y vos donn\u00e9es. Tableberg vous permet d'utiliser du texte, des images, des \u00e9toiles, des boutons, des rubans, des ic\u00f4nes, des listes et d'autres \u00e9l\u00e9ments de bloc dans n'importe quelle cellule. Pr\u00e9parez votre tableau comme vous le souhaitez.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"412\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/3-1-1024x412.png\" alt=\"Entrez le contenu de votre tableau\" class=\"has-border-color wp-image-8302\" style=\"border-color:#a5d2f7;border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/3-1-1024x412.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/3-1-300x121.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/3-1-768x309.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/3-1-1536x618.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/3-1-18x7.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/3-1.png 1702w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>\u00c9tape 4 : Activer la fonction de tri<\/strong><\/h3>\n\n\n\n<p>Cliquez sur le bord ext\u00e9rieur de n'importe quelle cellule du tableau et cliquez sur l'ic\u00f4ne tableberg dans la barre d'outils pour vous assurer que l'ensemble du tableau est s\u00e9lectionn\u00e9. Dans la partie droite de l'\u00e9cran <strong>param\u00e8tres du bloc<\/strong>Faites d\u00e9filer vers le bas jusqu'\u00e0 ce que vous trouviez la rubrique <strong>Tri<\/strong> caract\u00e9ristiques. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"361\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/4.gif\" alt=\"Activer la fonction de tri\" class=\"has-border-color wp-image-8303\" style=\"border-color:#a5d2f7;border-width:1px;border-radius:2px\"\/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>\u00c9tape 5 : Choisir le sens du tri<\/strong><\/h3>\n\n\n\n<p>Une fois la fonction de tri trouv\u00e9e, deux options s'offrent \u00e0 vous : <strong>Vertical et horizontal<\/strong>. Le tri vertical permet aux utilisateurs de r\u00e9organiser les lignes en cliquant sur les en-t\u00eates de colonne. Le tri horizontal permet de trier les lignes et fonctionne mieux lorsque les \u00e9tiquettes se trouvent dans la premi\u00e8re colonne. Choisissez le mode qui convient \u00e0 la disposition de votre tableau.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"487\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/5-1-1024x487.png\" alt=\"Choisir le sens du tri\" class=\"has-border-color wp-image-8304\" style=\"border-color:#a5d2f7;border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/5-1-1024x487.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/5-1-300x143.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/5-1-768x365.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/5-1-1536x730.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/5-1-18x9.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/5-1.png 1718w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>\u00c9tape 6 : Pr\u00e9visualiser et tester le tri<\/strong><\/h3>\n\n\n\n<p>Premi\u00e8rement, <strong>sauver<\/strong> votre travail, cliquez sur <strong>Avant-premi\u00e8re<\/strong>puis testez votre tri en interagissant avec le tableau. Essayez diff\u00e9rentes colonnes ou lignes en fonction du mode que vous avez s\u00e9lectionn\u00e9 pour vous assurer que tout fonctionne comme pr\u00e9vu. Une fois que vous \u00eates satisfait de tout, <strong>mise \u00e0 jour<\/strong> ou <strong>publier<\/strong> le poste.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"393\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/6-2-1024x393.png\" alt=\"\" class=\"has-border-color wp-image-8308\" style=\"border-color:#a5d2f7;border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/6-2-1024x393.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/6-2-300x115.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/6-2-768x294.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/6-2-1536x589.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/6-2-18x7.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/6-2.png 1701w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Conclusion<\/strong><\/h4>\n\n\n\n<p>Les tableaux sont l'un des moyens les plus efficaces de pr\u00e9senter des informations organis\u00e9es sur un site web, mais ils peuvent rapidement devenir difficiles \u00e0 parcourir au fur et \u00e0 mesure que le contenu s'\u00e9toffe. Les tableaux triables facilitent cette t\u00e2che en permettant aux utilisateurs de r\u00e9organiser les donn\u00e9es en fonction de ce qui les int\u00e9resse. Avec Tableberg, vous pouvez ajouter cette fonctionnalit\u00e9 sans utiliser d'outils ou de code externes, et m\u00eame contr\u00f4ler le fonctionnement du tri en fonction de la disposition de votre tableau.  Dans cet article, nous avons montr\u00e9 exactement comment cr\u00e9er un tableau triable \u00e0 l'aide de Tableberg, du d\u00e9but \u00e0 la fin.<\/p>","protected":false},"excerpt":{"rendered":"<p>Why do we need a table? Because sometimes, listing things out in plain text is not enough. How do we create a table? You can do that by using the built-in Table block, a plugin with advanced features, or by adding custom HTML, depending on the editor or page builder you are working with. Tables [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":8290,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7,130],"tags":[],"class_list":["post-8288","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","category-tableberg"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/Sortable-Table-850-x-335-px.png","author_info":{"display_name":"Moinul Islam","author_link":"https:\/\/tableberg.com\/fr\/author\/marufmoinul27\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts\/8288","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/comments?post=8288"}],"version-history":[{"count":4,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts\/8288\/revisions"}],"predecessor-version":[{"id":8309,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts\/8288\/revisions\/8309"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/media\/8290"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/media?parent=8288"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/categories?post=8288"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/tags?post=8288"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}