{"id":24252,"date":"2026-11-13T13:29:36","date_gmt":"2026-11-13T13:29:36","guid":{"rendered":"https:\/\/wptablebuilder.com\/docs\/table-search\/"},"modified":"2026-11-13T13:29:36","modified_gmt":"2026-11-13T13:29:36","password":"","slug":"recherche-dans-le-tableau","status":"publish","type":"docs","link":"https:\/\/wptablebuilder.com\/fr\/docs\/table-search\/","title":{"rendered":"Comment ajouter un champ de recherche \u00e0 un tableau 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> , ouvrez la section <strong>Recherche<\/strong> et activez <strong>Enable search<\/strong>. Gardez <strong>Keep top row as header<\/strong> activ\u00e9 pour que l\u2019en-t\u00eate reste visible pendant la recherche, choisissez <strong>Left<\/strong> ou <strong>Right<\/strong> pour <strong>Search Bar Position<\/strong>, puis cliquez sur <strong>Save<\/strong>. Un champ de recherche appara\u00eet au-dessus du tableau et filtre les lignes \u00e0 mesure que les visiteurs tapent. La recherche dans les tableaux est une fonctionnalit\u00e9 de WP Table Builder Pro.<\/p>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">La recherche dans les tableaux ajoute un champ de recherche en direct au-dessus d\u2019un tableau WP Table Builder. \u00c0 mesure qu\u2019un visiteur tape, le tableau masque toutes les lignes qui ne contiennent pas le texte recherch\u00e9. Elle aide les lecteurs \u00e0 trouver un produit, une offre ou une entr\u00e9e dans un long tableau.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_819a190c-9093-42b9-8ec3-5114cd6f7c4b\"><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><a href=\"https:\/\/wptablebuilder.com\/fr\/tarifs\/\">WP Table Builder Pro<\/a><\/td><\/tr><tr><td><strong>Version de l\u2019extension<\/strong><\/td><td>WP Table Builder et WP Table Builder Pro 2.3.0 ou plus r\u00e9cent<\/td><\/tr><tr><td><strong>Temps n\u00e9cessaire<\/strong><\/td><td>Environ 1 minute<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_107dca26-bed4-410d-be81-787f660b91e2\"><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\">Search settings<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>R\u00e9glage<\/th><th>Ce qu\u2019il fait<\/th><\/tr><\/thead><tbody><tr><td><strong>Enable search<\/strong><\/td><td>Affiche un champ de recherche au-dessus du tableau<\/td><\/tr><tr><td><strong>Keep top row as header<\/strong><\/td><td>Garde la premi\u00e8re ligne visible pendant une recherche, pour que les noms de colonnes restent \u00e0 l\u2019\u00e9cran<\/td><\/tr><tr><td><strong>Search Bar Position<\/strong><\/td><td>Place le champ de recherche \u00e0 <strong>Left<\/strong> ou <strong>Right<\/strong> au-dessus du tableau<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_152a1f77-c8fb-4f9f-b847-7bea2643d1f8\"><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\">\u00c9tape 1 : Activer la recherche dans le tableau<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Allez dans <strong>WP Table Builder &gt; All Tables<\/strong> et cliquez sur <strong>Edit<\/strong> sous votre tableau.<\/li>\n\n\n\n<li>Cliquez sur <strong>Settings<\/strong> (onglet) dans le panneau de gauche.<\/li>\n\n\n\n<li>Saisissez <code>recherche<\/code> dans <strong>Search settings<\/strong>, ou faites d\u00e9filer jusqu\u2019\u00e0 la section <strong>Recherche<\/strong> .<\/li>\n\n\n\n<li>Activez <strong>Enable search<\/strong>.<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_407c520d-0225-4db0-8764-79a674fbb18d\"><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\">\u00c9tape 2 : R\u00e9gler l\u2019en-t\u00eate et la position<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Laissez <strong>Keep top row as header<\/strong> activ\u00e9 si votre premi\u00e8re ligne contient les noms des colonnes. D\u00e9sactivez-le si votre premi\u00e8re ligne est une ligne de donn\u00e9es normale.<\/li>\n\n\n\n<li>Choisissez <strong>Left<\/strong> ou <strong>Right<\/strong> dans <strong>Search Bar Position<\/strong>.<\/li>\n\n\n\n<li>Cliquez sur <strong>Save<\/strong>.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Le champ de recherche appara\u00eet aussi dans le constructeur, vous voyez donc o\u00f9 il se place.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_6aae9696-97da-4799-858c-c1aa360c8e3b\"><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\">Comment la recherche fonctionne pour les visiteurs<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Les visiteurs tapent dans le champ <strong>Search&#8230;<\/strong> au-dessus du tableau. Les lignes qui ne contiennent pas le texte sont masqu\u00e9es imm\u00e9diatement, sans rechargement de la page. La recherche n\u2019est pas sensible \u00e0 la casse, donc <code>dell<\/code> trouve aussi <strong>Dell XPS 15<\/strong>.<\/p>\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-table-search-frontend.jpg\" alt=\"Un tableau WP Table Builder filtr\u00e9 par le terme dell, qui n\u2019affiche que la ligne correspondante sous l\u2019en-t\u00eate\" class=\"wp-image-24250\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-table-search-frontend.jpg 1440w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-table-search-frontend-300x150.jpg 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-table-search-frontend-1024x513.jpg 1024w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-table-search-frontend-768x385.jpg 768w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-table-search-frontend-18x9.jpg 18w\" sizes=\"auto, (max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_56af61de-5cf4-48cd-8f30-d78d85d86925\"><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\">Utiliser la recherche avec la pagination et le tri<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">La recherche fonctionne avec la <a href=\"https:\/\/wptablebuilder.com\/fr\/documents\/table-pagination\/\">Pagination<\/a> et <a href=\"https:\/\/wptablebuilder.com\/fr\/documents\/table-reorganisable\/\">le tri<\/a>. Quand la pagination est activ\u00e9e, le nombre de pages s\u2019adapte aux r\u00e9sultats de la recherche.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_60c44cb1-5ab1-461b-84cf-2e348fb94e28\"><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-3942e7cd-28bd-4628-99a4-9a798564382a\" 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-3942e7cd-28bd-4628-99a4-9a798564382a\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-3942e7cd-28bd-4628-99a4-9a798564382a\" style=\"color: #000000; \"><strong>Les visiteurs peuvent-ils faire une recherche dans un tableau WP Table Builder ?<\/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-3942e7cd-28bd-4628-99a4-9a798564382a\">\n\n<p class=\"wp-block-paragraph\">Oui. Avec WP Table Builder Pro, activez Enable search dans l\u2019onglet Settings du tableau. Un champ de recherche appara\u00eet au-dessus du tableau et filtre les lignes \u00e0 mesure que les visiteurs tapent.<\/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-3942e7cd-28bd-4628-99a4-9a798564382a\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-3942e7cd-28bd-4628-99a4-9a798564382a\" style=\"color: #000000; \"><strong>La recherche dans le tableau est-elle sensible \u00e0 la casse ?<\/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-3942e7cd-28bd-4628-99a4-9a798564382a\">\n\n<p class=\"wp-block-paragraph\">Non. La recherche trouve le texte quelle que soit la casse.<\/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-3942e7cd-28bd-4628-99a4-9a798564382a\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-3942e7cd-28bd-4628-99a4-9a798564382a\" style=\"color: #000000; \"><strong>La recherche porte-t-elle sur toutes les colonnes ?<\/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-3942e7cd-28bd-4628-99a4-9a798564382a\">\n\n<p class=\"wp-block-paragraph\">Oui. Une ligne reste visible si l\u2019une de ses cellules contient le texte recherch\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-3942e7cd-28bd-4628-99a4-9a798564382a\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-3942e7cd-28bd-4628-99a4-9a798564382a\" style=\"color: #000000; \"><strong>La recherche dans les tableaux est-elle disponible dans la version gratuite ?<\/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-3942e7cd-28bd-4628-99a4-9a798564382a\">\n\n<p class=\"wp-block-paragraph\">Non. La recherche dans les tableaux est une fonctionnalit\u00e9 de WP Table Builder Pro.<\/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-4-3942e7cd-28bd-4628-99a4-9a798564382a\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-3942e7cd-28bd-4628-99a4-9a798564382a\" style=\"color: #000000; \"><strong>Puis-je placer le champ de recherche \u00e0 droite ?<\/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-4-3942e7cd-28bd-4628-99a4-9a798564382a\">\n\n<p class=\"wp-block-paragraph\">Oui. R\u00e9glez Search Bar Position sur Right dans la section Search de l\u2019onglet Settings du tableau.<\/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_6ae53d84-627e-40df-833d-4d3a18af5f51\"><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\/table-reorganisable\/\">Comment rendre un tableau triable<\/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<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/fr\/documents\/use-ai-assistant\/\">Comment utiliser l\u2019Assistant IA dans WP Table Builder<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/fr\/documents\/export-tables\/\">Comment exporter des tableaux dans WP Table Builder (CSV et XML)<\/a><\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>Add a live search box that filters WP Table Builder table rows as visitors type.<\/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-24252","docs","type-docs","status-publish","hentry","doc_category-interactive-features"],"year_month":"2026-11","word_count":452,"total_views":"1","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\/24252","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=24252"}],"version-history":[{"count":0,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/docs\/24252\/revisions"}],"wp:attachment":[{"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/media?parent=24252"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/doc_category?post=24252"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/doc_tag?post=24252"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}