{"id":24281,"date":"2026-11-13T13:53:29","date_gmt":"2026-11-13T13:53:29","guid":{"rendered":"https:\/\/wptablebuilder.com\/docs\/th-header-row\/"},"modified":"2026-11-13T13:53:29","modified_gmt":"2026-11-13T13:53:29","password":"","slug":"th-header-row","status":"publish","type":"docs","link":"https:\/\/wptablebuilder.com\/fr\/docs\/th-header-row\/","title":{"rendered":"Comment utiliser des cellules d\u2019en-t\u00eate th pour la premi\u00e8re ligne 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 la section <strong>General<\/strong> activez <strong>Use th for first row<\/strong>. Cliquez sur <strong>Save<\/strong>. WP Table Builder g\u00e9n\u00e8re alors la premi\u00e8re ligne en cellules d\u2019en-t\u00eate <code>th<\/code> au lieu de cellules de donn\u00e9es <code>td<\/code> , ce qui indique aux navigateurs, lecteurs d\u2019\u00e9cran, moteurs de recherche et outils d\u2019IA que la ligne contient les titres de colonnes. Le r\u00e9glage est gratuit.<\/p>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">En HTML, une cellule d\u2019en-t\u00eate de tableau (<code>th<\/code>) indique qu\u2019une cellule est le titre de sa colonne, tandis qu\u2019une cellule de donn\u00e9es (<code>td<\/code>) contient du contenu normal. Utiliser des cellules <code>th<\/code> pour les noms de colonnes rend votre tableau plus accessible et plus facile \u00e0 comprendre pour les machines.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_493463db-20e1-4144-aa04-de214035e92c\"><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>Version de l\u2019extension<\/strong><\/td><td>WP Table Builder 2.1.11 ou plus r\u00e9cent<\/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_ee05120d-2154-48d6-86e7-93198e4216e8\"><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 les cellules th pour la premi\u00e8re ligne<\/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> et ouvrez la section <strong>General<\/strong> .<\/li>\n\n\n\n<li>Activez <strong>Use th for first row<\/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 Use th for first row 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<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_a64549d5-806c-4285-acd2-ccf6e37db95a\"><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 : Mettre en forme la ligne d\u2019en-t\u00eate<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Activer les cellules <code>th<\/code> change le HTML, pas l\u2019apparence. Pour faire ressortir visuellement la ligne d\u2019en-t\u00eate :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>R\u00e9glez <strong>Header Background<\/strong> dans <strong>Background<\/strong> (section) de l\u2019onglet Settings. Voir <a href=\"https:\/\/wptablebuilder.com\/fr\/documents\/comment-changer-la-couleur-darriere-plan-de-la-rubrique-en-haut\/\">Comment modifier la couleur d\u2019arri\u00e8re-plan de l\u2019en-t\u00eate<\/a>.<\/li>\n\n\n\n<li>Mettez le texte de l\u2019en-t\u00eate en gras ou plus grand dans les r\u00e9glages de l\u2019\u00e9l\u00e9ment texte. Voir <a href=\"https:\/\/wptablebuilder.com\/fr\/documents\/comment-changer-la-couleur-et-la-taille-du-texte-dans-le-tableau-de-wp\/\">Comment modifier la couleur et la taille de police dans WP Table Builder<\/a>.<\/li>\n\n\n\n<li>Activez <strong>Header Inner Border<\/strong> dans <strong>Border<\/strong> (section) pour contr\u00f4ler les lignes \u00e0 l\u2019int\u00e9rieur de l\u2019en-t\u00eate.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_3f8784a9-bba3-446e-a8ac-7c5e806e2114\"><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\">Pourquoi les cellules d\u2019en-t\u00eate th comptent<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Avantage<\/th><th>Pourquoi<\/th><\/tr><\/thead><tbody><tr><td><strong>Accessibilit\u00e9<\/strong><\/td><td>Les lecteurs d\u2019\u00e9cran annoncent le titre de colonne en lisant chaque cellule<\/td><\/tr><tr><td><strong>SEO<\/strong><\/td><td>Les moteurs de recherche distinguent la ligne qui contient les libell\u00e9s de celles qui contiennent les donn\u00e9es<\/td><\/tr><tr><td><strong>Citations par l\u2019IA<\/strong><\/td><td>Les assistants et moteurs de recherche IA analysent les tableaux de fa\u00e7on plus fiable quand les titres sont balis\u00e9s avec <code>th<\/code><\/td><\/tr><tr><td><strong>Fonctionnalit\u00e9s<\/strong><\/td><td>Les fonctionnalit\u00e9s li\u00e9es \u00e0 l\u2019en-t\u00eate, comme la recherche avec <strong>Keep top row as header<\/strong> et les lignes fixes, fonctionnent avec une ligne d\u2019en-t\u00eate claire<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_ff2fdf1b-735e-4748-99c1-f61bdb2ded9c\"><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\">Lignes d\u2019en-t\u00eate sur mobile<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Quand le mode responsive empile un tableau sur t\u00e9l\u00e9phone, l\u2019option <strong>First Row As Header<\/strong> de l\u2019onglet <strong>Responsive<\/strong> r\u00e9p\u00e8te les libell\u00e9s de l\u2019en-t\u00eate \u00e0 c\u00f4t\u00e9 de chaque valeur. Voir <a href=\"https:\/\/wptablebuilder.com\/fr\/documents\/creer-une-table-responsive-pour-wordpress\/\">Comment rendre un tableau responsive<\/a>.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_2f9119db-cf66-4f07-b3d8-8e8a6661fc45\"><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-c912f576-327c-4e7a-96ed-0f039cf8ac85\" 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-c912f576-327c-4e7a-96ed-0f039cf8ac85\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-c912f576-327c-4e7a-96ed-0f039cf8ac85\" style=\"color: #000000; \"><strong>Comment transformer la premi\u00e8re ligne en en-t\u00eate dans 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-c912f576-327c-4e7a-96ed-0f039cf8ac85\">\n\n<p class=\"wp-block-paragraph\">Activez Use th for first row dans la section General de l\u2019onglet Settings du tableau, puis cliquez sur Save. La premi\u00e8re ligne devient des cellules d\u2019en-t\u00eate th.<\/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-c912f576-327c-4e7a-96ed-0f039cf8ac85\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-c912f576-327c-4e7a-96ed-0f039cf8ac85\" style=\"color: #000000; \"><strong>Use th for first row change-t-il l\u2019apparence de mon tableau ?<\/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-c912f576-327c-4e7a-96ed-0f039cf8ac85\">\n\n<p class=\"wp-block-paragraph\">Non. Il change le HTML des cellules td en cellules th. Utilisez Header Background et les r\u00e9glages de texte pour changer l\u2019apparence.<\/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-c912f576-327c-4e7a-96ed-0f039cf8ac85\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-c912f576-327c-4e7a-96ed-0f039cf8ac85\" style=\"color: #000000; \"><strong>Les tableaux WP Table Builder sont-ils bons pour le SEO ?<\/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-c912f576-327c-4e7a-96ed-0f039cf8ac85\">\n\n<p class=\"wp-block-paragraph\">Oui. Ce sont de vrais tableaux HTML et, avec Use th for first row, les titres de colonnes sont balis\u00e9s en cellules th. Voir <a href=\"https:\/\/wptablebuilder.com\/fr\/documents\/les-tables-de-loutil-de-creation-de-tablettes-de-wordpress-sont-elles-optimisees-pour-le-referencement-utilisent-elles-html\/\">Les tableaux WP Table Builder sont-ils bons pour le SEO ? (Utilisent-ils du HTML ?)<\/a>.<\/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-c912f576-327c-4e7a-96ed-0f039cf8ac85\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-c912f576-327c-4e7a-96ed-0f039cf8ac85\" style=\"color: #000000; \"><strong>Puis-je utiliser des cellules th pour la premi\u00e8re colonne ?<\/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-c912f576-327c-4e7a-96ed-0f039cf8ac85\">\n\n<p class=\"wp-block-paragraph\">WP Table Builder 2.3 propose l\u2019option th uniquement pour la premi\u00e8re ligne.<\/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_be6e65c9-1a10-4344-90f7-98f340002c60\"><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\/les-tables-de-loutil-de-creation-de-tablettes-de-wordpress-sont-elles-optimisees-pour-le-referencement-utilisent-elles-html\/\">Les tableaux WP Table Builder sont-ils bons pour le SEO ? (Utilisent-ils du HTML ?)<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/fr\/documents\/comment-changer-la-couleur-darriere-plan-de-la-rubrique-en-haut\/\">Comment modifier la couleur d\u2019arri\u00e8re-plan de l\u2019en-t\u00eate<\/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\/recherche-dans-le-tableau\/\">Comment ajouter un champ de recherche \u00e0 un tableau dans WP Table Builder<\/a><\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>Turn the first row into real th header cells for accessibility and SEO.<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[97],"doc_tag":[],"class_list":["post-24281","docs","type-docs","status-publish","hentry","doc_category-building-tables"],"year_month":"2026-11","word_count":471,"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":"Building Tables","term_url":"https:\/\/wptablebuilder.com\/fr\/docs-category\/building-tables\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/docs\/24281","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=24281"}],"version-history":[{"count":0,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/docs\/24281\/revisions"}],"wp:attachment":[{"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/media?parent=24281"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/doc_category?post=24281"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/doc_tag?post=24281"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}