{"id":2947,"date":"2025-03-19T07:02:02","date_gmt":"2025-03-19T07:02:02","guid":{"rendered":"https:\/\/wptablebuilder.com\/?post_type=docs&#038;p=2947"},"modified":"2026-11-13T14:10:24","modified_gmt":"2026-11-13T14:10:24","password":"","slug":"table-reorganisable","status":"publish","type":"docs","link":"https:\/\/wptablebuilder.com\/fr\/docs\/sortable-table\/","title":{"rendered":"Comment rendre un tableau triable dans WP Table Builder"},"content":{"rendered":"<div class=\"wp-block-group has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-d5c0682e wp-block-group-is-layout-constrained\" style=\"border-top-left-radius:0px;border-top-right-radius:6px;border-bottom-left-radius:0px;border-bottom-right-radius:6px;border-left-color:#2563eb;border-left-width:3px;background-color:#f4f7fb;margin-bottom:14px;padding-top:20px;padding-right:24px;padding-bottom:20px;padding-left:24px\">\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#2563eb;margin-top:0;margin-bottom:10px;font-size:11px;font-style:normal;font-weight:600;letter-spacing:0.08em;text-transform:uppercase\">R\u00e9ponse rapide<\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:14px;font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.106), 15px);line-height:1.65\">Ouvrez le tableau dans le constructeur, allez dans <strong>Settings<\/strong> (onglet) et, dans <strong>General<\/strong>, activez <strong>Sort Table Vertically<\/strong> pour permettre aux visiteurs de trier les lignes en cliquant sur les fl\u00e8ches de la ligne d\u2019en-t\u00eate, ou <strong>Sort Table Horizontally<\/strong> pour trier les colonnes en cliquant sur les fl\u00e8ches de la premi\u00e8re colonne. Cliquez sur <strong>Save<\/strong>. Le tri est gratuit.<\/p>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Un tableau triable permet aux visiteurs de r\u00e9ordonner les lignes par prix, note, nom ou toute autre colonne. C\u2019est id\u00e9al pour les tableaux comparatifs, les listes de prix et les tableaux de donn\u00e9es.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_274a0a45-c3d2-4d8e-be99-96345d89de27\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Pr\u00e9requis<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>\u00c9l\u00e9ment<\/th><th>D\u00e9tails<\/th><\/tr><\/thead><tbody><tr><td><strong>Offre<\/strong><\/td><td>Gratuit et Pro<\/td><\/tr><tr><td><strong>Temps n\u00e9cessaire<\/strong><\/td><td>Moins d\u2019une minute<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_bc899123-64f8-4fdd-8029-4b43be3314bb\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Options de tri<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>R\u00e9glage<\/th><th>Ce que les visiteurs peuvent faire<\/th><\/tr><\/thead><tbody><tr><td><strong>Sort Table Vertically<\/strong><\/td><td>Cliquer sur les fl\u00e8ches de tri d\u2019une cellule d\u2019en-t\u00eate pour trier les lignes selon cette colonne<\/td><\/tr><tr><td><strong>Sort Table Horizontally<\/strong><\/td><td>Cliquer sur les fl\u00e8ches de tri de la premi\u00e8re colonne pour trier les colonnes selon cette ligne<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Une seule direction peut \u00eatre active \u00e0 la fois. En activer une d\u00e9sactive l\u2019autre.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_d112fb35-ddfb-4636-8e15-d6634d78928d\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">\u00c9tapes<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Ouvrez le tableau dans le constructeur et cliquez sur <strong>Settings<\/strong> .<\/li>\n\n\n\n<li>Dans <strong>General<\/strong> (section), activez <strong>Sort Table Vertically<\/strong> (la plupart des tableaux) ou <strong>Sort Table Horizontally<\/strong>.<\/li>\n\n\n\n<li>Cliquez sur <strong>Save<\/strong>.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"722\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-general-settings-width-sort-th.jpg\" alt=\"R\u00e9glages General de WP Table Builder avec Sort Table Vertically activ\u00e9\" class=\"wp-image-24275\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-general-settings-width-sort-th.jpg 1440w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-general-settings-width-sort-th-300x150.jpg 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-general-settings-width-sort-th-1024x513.jpg 1024w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-general-settings-width-sort-th-768x385.jpg 768w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-general-settings-width-sort-th-18x9.jpg 18w\" sizes=\"auto, (max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Les fl\u00e8ches de tri apparaissent dans les cellules d\u2019en-t\u00eate, dans le constructeur comme sur votre site. Chaque clic alterne entre ordre croissant et d\u00e9croissant.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_d651889d-5c73-4614-962c-f72f5aee5c33\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Conseils pour un tri efficace<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Gardez l\u2019en-t\u00eate sur la premi\u00e8re ligne et activez <a href=\"https:\/\/wptablebuilder.com\/fr\/documents\/th-header-row\/\">Use th for first row<\/a>.<\/li>\n\n\n\n<li>\u00c9crivez les nombres de fa\u00e7on coh\u00e9rente (par exemple <code>$1,299<\/code> partout, pas \u00ab environ 1300 \u00bb), pour que les valeurs se trient correctement.<\/li>\n\n\n\n<li>\u00c9vitez les cellules fusionn\u00e9es dans la zone triable.<\/li>\n\n\n\n<li>Combinez le tri avec <a href=\"https:\/\/wptablebuilder.com\/fr\/documents\/recherche-dans-le-tableau\/\">recherche<\/a> et <a href=\"https:\/\/wptablebuilder.com\/fr\/documents\/table-pagination\/\">pagination<\/a> (Pro) pour les longs tableaux.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_3c23f391-95f3-475c-adf7-c538348331cd\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Questions fr\u00e9quentes<\/h2>\n\n\n<div class=\"wp-block-ub-content-toggle wp-block-ub-content-toggle-block\" id=\"ub-content-toggle-block-b85257c8-721c-4dea-a64d-5bd9082c07ea\" data-mobilecollapse=\"false\" data-desktopcollapse=\"true\" data-preventcollapse=\"false\" data-showonlyone=\"false\">\n<div class=\"wp-block-ub-content-toggle-accordion\" style=\"border-color: #f1f1f1; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; \" id=\"ub-content-toggle-panel-block-\">\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-title-wrap\" style=\"background-color: #f1f1f1;\" aria-controls=\"ub-content-toggle-panel-0-b85257c8-721c-4dea-a64d-5bd9082c07ea\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-b85257c8-721c-4dea-a64d-5bd9082c07ea\" style=\"color: #000000; \"><strong>Comment rendre un tableau WordPress triable ?<\/strong><\/p>\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-toggle-wrap right\" style=\"color: #000000;\"><span class=\"wp-block-ub-content-toggle-accordion-state-indicator wp-block-ub-chevron-down open\"><\/span><\/div>\n\t\t<\/div>\n\t\t\t<div role=\"region\" aria-expanded=\"true\" class=\"wp-block-ub-content-toggle-accordion-content-wrap\" id=\"ub-content-toggle-panel-0-b85257c8-721c-4dea-a64d-5bd9082c07ea\">\n\n<p class=\"wp-block-paragraph\">Dans WP Table Builder, ouvrez l\u2019onglet Settings du tableau et activez Sort Table Vertically dans la section General. Les visiteurs peuvent alors cliquer sur les fl\u00e8ches de l\u2019en-t\u00eate pour trier.<\/p>\n\n<\/div>\n\t\t<\/div>\n\n<div class=\"wp-block-ub-content-toggle-accordion\" style=\"border-color: #f1f1f1; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; \" id=\"ub-content-toggle-panel-block-\">\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-title-wrap\" style=\"background-color: #f1f1f1;\" aria-controls=\"ub-content-toggle-panel-1-b85257c8-721c-4dea-a64d-5bd9082c07ea\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-b85257c8-721c-4dea-a64d-5bd9082c07ea\" style=\"color: #000000; \"><strong>Le tri est-il une fonctionnalit\u00e9 Pro ?<\/strong><\/p>\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-toggle-wrap right\" style=\"color: #000000;\"><span class=\"wp-block-ub-content-toggle-accordion-state-indicator wp-block-ub-chevron-down\"><\/span><\/div>\n\t\t<\/div>\n\t\t\t<div role=\"region\" aria-expanded=\"false\" class=\"wp-block-ub-content-toggle-accordion-content-wrap ub-hide\" id=\"ub-content-toggle-panel-1-b85257c8-721c-4dea-a64d-5bd9082c07ea\">\n\n<p class=\"wp-block-paragraph\">Non. Le tri est inclus dans la version gratuite de WP Table Builder.<\/p>\n\n<\/div>\n\t\t<\/div>\n\n<div class=\"wp-block-ub-content-toggle-accordion\" style=\"border-color: #f1f1f1; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; \" id=\"ub-content-toggle-panel-block-\">\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-title-wrap\" style=\"background-color: #f1f1f1;\" aria-controls=\"ub-content-toggle-panel-2-b85257c8-721c-4dea-a64d-5bd9082c07ea\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-b85257c8-721c-4dea-a64d-5bd9082c07ea\" style=\"color: #000000; \"><strong>Puis-je choisir les colonnes triables ?<\/strong><\/p>\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-toggle-wrap right\" style=\"color: #000000;\"><span class=\"wp-block-ub-content-toggle-accordion-state-indicator wp-block-ub-chevron-down\"><\/span><\/div>\n\t\t<\/div>\n\t\t\t<div role=\"region\" aria-expanded=\"false\" class=\"wp-block-ub-content-toggle-accordion-content-wrap ub-hide\" id=\"ub-content-toggle-panel-2-b85257c8-721c-4dea-a64d-5bd9082c07ea\">\n\n<p class=\"wp-block-paragraph\">Le tri s\u2019applique \u00e0 toutes les cellules d\u2019en-t\u00eate. Des fl\u00e8ches apparaissent sur chaque colonne quand Sort Table Vertically est activ\u00e9.<\/p>\n\n<\/div>\n\t\t<\/div>\n\n<div class=\"wp-block-ub-content-toggle-accordion\" style=\"border-color: #f1f1f1; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; \" id=\"ub-content-toggle-panel-block-\">\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-title-wrap\" style=\"background-color: #f1f1f1;\" aria-controls=\"ub-content-toggle-panel-3-b85257c8-721c-4dea-a64d-5bd9082c07ea\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-b85257c8-721c-4dea-a64d-5bd9082c07ea\" style=\"color: #000000; \"><strong>Pourquoi une colonne se trie-t-elle dans le mauvais ordre ?<\/strong><\/p>\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-toggle-wrap right\" style=\"color: #000000;\"><span class=\"wp-block-ub-content-toggle-accordion-state-indicator wp-block-ub-chevron-down\"><\/span><\/div>\n\t\t<\/div>\n\t\t\t<div role=\"region\" aria-expanded=\"false\" class=\"wp-block-ub-content-toggle-accordion-content-wrap ub-hide\" id=\"ub-content-toggle-panel-3-b85257c8-721c-4dea-a64d-5bd9082c07ea\">\n\n<p class=\"wp-block-paragraph\">Les valeurs sont \u00e9crites de fa\u00e7on incoh\u00e9rente, par exemple certaines avec du texte et d\u2019autres avec des chiffres. Utilisez le m\u00eame format dans chaque cellule de la colonne.<\/p>\n\n<\/div>\n\t\t<\/div>\n<\/div>\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_fa935240-0499-4197-b10b-cc7626b832b8\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Documents associ\u00e9s<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/wptablebuilder.com\/fr\/documents\/recherche-dans-le-tableau\/\">Comment ajouter un champ de recherche \u00e0 un tableau dans WP Table Builder<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/fr\/documents\/table-pagination\/\">Comment ajouter une pagination \u00e0 un tableau dans WP Table Builder<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/fr\/documents\/th-header-row\/\">Comment utiliser des cellules d\u2019en-t\u00eate th pour la premi\u00e8re ligne dans WP Table Builder<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/fr\/documents\/creer-une-table-responsive-pour-wordpress\/\">Comment rendre un tableau responsive dans WP Table Builder<\/a><\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>Let visitors sort a table by clicking the header arrows. Free.<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[100],"doc_tag":[],"class_list":["post-2947","docs","type-docs","status-publish","hentry","doc_category-interactive-features"],"year_month":"2026-11","word_count":375,"total_views":"28","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"Istiak Rayhan","author_nicename":"wpx_roadtobl","author_url":"https:\/\/wptablebuilder.com\/fr\/author\/wpx_roadtobl\/"},"doc_category_info":[{"term_name":"Interactive Features","term_url":"https:\/\/wptablebuilder.com\/fr\/docs-category\/interactive-features\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/docs\/2947","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/comments?post=2947"}],"version-history":[{"count":1,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/docs\/2947\/revisions"}],"predecessor-version":[{"id":24334,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/docs\/2947\/revisions\/24334"}],"wp:attachment":[{"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/media?parent=2947"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/doc_category?post=2947"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/doc_tag?post=2947"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}