{"id":24260,"date":"2026-11-13T13:33:38","date_gmt":"2026-11-13T13:33:38","guid":{"rendered":"https:\/\/wptablebuilder.com\/docs\/hide-column-on-mobile\/"},"modified":"2026-11-13T13:33:38","modified_gmt":"2026-11-13T13:33:38","password":"","slug":"hide-column-on-mobile","status":"publish","type":"docs","link":"https:\/\/wptablebuilder.com\/fr\/docs\/hide-column-on-mobile\/","title":{"rendered":"Comment masquer une colonne de tableau sur mobile 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\">Dans le constructeur, cliquez sur une cellule de la colonne \u00e0 masquer sur t\u00e9l\u00e9phone, ouvrez <strong>Row &#038; Column Control<\/strong> dans le panneau de gauche et activez <strong>Hide this column on mobile<\/strong>. Cliquez sur <strong>Save<\/strong>. La colonne reste visible sur ordinateur et tablette et est masqu\u00e9e sur les \u00e9crans mobiles. Ce r\u00e9glage est inclus dans la version gratuite de WP Table Builder.<\/p>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Masquer une colonne sur mobile retire des petits \u00e9crans les informations moins importantes (par exemple la r\u00e9f\u00e9rence, le poids ou une longue description), pour laisser plus de place aux autres colonnes. Les visiteurs sur ordinateur voient toujours le tableau complet.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_2b894e1d-c9b2-47db-acd6-fff32adb39eb\"><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.0 ou plus r\u00e9cent<\/td><\/tr><tr><td><strong>Temps n\u00e9cessaire<\/strong><\/td><td>Moins d\u2019une minute par colonne<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_f2e26ccd-c407-4495-a43d-3a8ba8bd4df7\"><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 : S\u00e9lectionner une cellule de la colonne<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Ouvrez le tableau dans le constructeur.<\/li>\n\n\n\n<li>Cliquez sur l\u2019espace vide d\u2019une cellule de la colonne (pas sur le texte). Le panneau de gauche affiche le nom de la cellule, par exemple <strong>Cell B3<\/strong>.<\/li>\n\n\n\n<li>Expand <strong>Row &#038; Column Control<\/strong>.<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_8a7e1c96-5f88-4e31-80e6-ddde8f89ed2b\"><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 : Masquer la colonne sur mobile<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Activez <strong>Hide this column on mobile<\/strong>.<\/li>\n\n\n\n<li>R\u00e9p\u00e9tez l\u2019op\u00e9ration pour les autres colonnes \u00e0 masquer.<\/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-highlight-column-hide-mobile.jpg\" alt=\"Row and Column Control de WP Table Builder avec l\u2019interrupteur Hide this column on mobile\" class=\"wp-image-24256\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-highlight-column-hide-mobile.jpg 1440w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-highlight-column-hide-mobile-300x150.jpg 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-highlight-column-hide-mobile-1024x513.jpg 1024w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-highlight-column-hide-mobile-768x385.jpg 768w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-highlight-column-hide-mobile-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_60a65963-5e6f-4474-a260-48419241402b\"><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 3 : V\u00e9rifier le r\u00e9sultat<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Cliquez sur <strong>Mobile<\/strong> dans la barre sup\u00e9rieure du constructeur, ou ouvrez la page publi\u00e9e sur un t\u00e9l\u00e9phone, pour v\u00e9rifier quelles colonnes s\u2019affichent. Pour r\u00e9afficher une colonne, s\u00e9lectionnez l\u2019une de ses cellules et d\u00e9sactivez l\u2019interrupteur.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_7a392ebf-722a-4263-89f7-406c9476d9aa\"><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\">Autres fa\u00e7ons d\u2019adapter un tableau aux petits \u00e9crans<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/wptablebuilder.com\/fr\/documents\/horizontal-scroll-table\/\">D\u00e9filement horizontal<\/a> garde toutes les colonnes et permet aux visiteurs de faire d\u00e9filer lat\u00e9ralement.<\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/fr\/documents\/creer-une-table-responsive-pour-wordpress\/\">Le mode responsive<\/a> empile les lignes ou les colonnes verticalement sur tablette et t\u00e9l\u00e9phone.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_884c0944-3bc5-456d-a247-5e081458b37d\"><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-a10d47e7-db42-4cbd-93a0-bf811a14f1e2\" 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-a10d47e7-db42-4cbd-93a0-bf811a14f1e2\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-a10d47e7-db42-4cbd-93a0-bf811a14f1e2\" style=\"color: #000000; \"><strong>Puis-je masquer une colonne uniquement sur mobile 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-a10d47e7-db42-4cbd-93a0-bf811a14f1e2\">\n\n<p class=\"wp-block-paragraph\">Oui. S\u00e9lectionnez une cellule de la colonne, ouvrez Row &amp; Column Control et activez Hide this column on mobile. La colonne est masqu\u00e9e sur les \u00e9crans mobiles et visible sur les \u00e9crans plus grands.<\/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-a10d47e7-db42-4cbd-93a0-bf811a14f1e2\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-a10d47e7-db42-4cbd-93a0-bf811a14f1e2\" style=\"color: #000000; \"><strong>Le contenu de la colonne est-il supprim\u00e9 de la page ?<\/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-a10d47e7-db42-4cbd-93a0-bf811a14f1e2\">\n\n<p class=\"wp-block-paragraph\">Non. La colonne est masqu\u00e9e par des styles sur les petits \u00e9crans. Le contenu reste dans le HTML de la page et visible sur ordinateur.<\/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-a10d47e7-db42-4cbd-93a0-bf811a14f1e2\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-a10d47e7-db42-4cbd-93a0-bf811a14f1e2\" style=\"color: #000000; \"><strong>Puis-je masquer une ligne sur mobile ?<\/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-a10d47e7-db42-4cbd-93a0-bf811a14f1e2\">\n\n<p class=\"wp-block-paragraph\">WP Table Builder 2.3 propose une option de masquage uniquement pour les colonnes. Pour changer ligne par ligne ce qui s\u2019affiche sur t\u00e9l\u00e9phone, utilisez le mode responsive.<\/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-a10d47e7-db42-4cbd-93a0-bf811a14f1e2\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-a10d47e7-db42-4cbd-93a0-bf811a14f1e2\" style=\"color: #000000; \"><strong>Est-ce 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-3-a10d47e7-db42-4cbd-93a0-bf811a14f1e2\">\n\n<p class=\"wp-block-paragraph\">Non. Hide this column on mobile est disponible dans la version gratuite.<\/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_ae681060-922c-4e65-acce-79689d9a940d\"><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\/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\/horizontal-scroll-table\/\">Comment faire d\u00e9filer un tableau horizontalement dans WP Table Builder<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/fr\/documents\/modifiez-lechelle-de-la-colonne-et-letendue-de-la-table-wp-table-builder\/\">Comment modifier la hauteur des lignes et la largeur des colonnes dans WP Table Builder<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/fr\/documents\/comment-supprimer-une-colonne-de-ligne\/\">Comment supprimer une ligne ou une colonne<\/a><\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>Hide less important columns on phones while keeping them visible on desktop.<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[99],"doc_tag":[],"class_list":["post-24260","docs","type-docs","status-publish","hentry","doc_category-responsive-tables"],"year_month":"2026-11","word_count":375,"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":"Responsive Tables","term_url":"https:\/\/wptablebuilder.com\/fr\/docs-category\/responsive-tables\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/docs\/24260","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=24260"}],"version-history":[{"count":0,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/docs\/24260\/revisions"}],"wp:attachment":[{"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/media?parent=24260"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/doc_category?post=24260"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/doc_tag?post=24260"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}