{"id":2187,"date":"2025-03-16T08:12:18","date_gmt":"2025-03-16T08:12:18","guid":{"rendered":"https:\/\/wptablebuilder.com\/?post_type=docs&#038;p=2187"},"modified":"2026-11-13T14:09:39","modified_gmt":"2026-11-13T14:09:39","password":"","slug":"table-centrale-wordpress","status":"publish","type":"docs","link":"https:\/\/wptablebuilder.com\/fr\/docs\/center-table-wordpress\/","title":{"rendered":"Comment centrer un tableau et d\u00e9finir sa largeur 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>, choisissez <strong>Alignment<\/strong> (gauche, centre ou droite). Pour \u00e9viter qu\u2019un tableau s\u2019\u00e9tire sur toute la page, activez <strong>Table Container Max Width<\/strong> et saisissez une largeur en px, par exemple 800. Utilisez <strong>Cell Min Auto Width<\/strong> pour d\u00e9finir jusqu\u2019o\u00f9 les colonnes automatiques peuvent se r\u00e9tr\u00e9cir. Cliquez sur <strong>Save<\/strong>. Ces r\u00e9glages sont gratuits.<\/p>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Par d\u00e9faut, un tableau occupe toute la largeur de la zone o\u00f9 il est plac\u00e9. D\u00e9finir une largeur maximale et le centrer donne un rendu \u00e9quilibr\u00e9 aux petits tableaux sur les pages larges.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_35fef508-b4ea-4710-8b5d-8683f952bfb1\"><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_8f25cc74-ed2f-4e41-bbcc-df92b80db61b\"><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\">R\u00e9glages de largeur et d\u2019alignement<\/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>Alignment<\/strong><\/td><td>Place le tableau \u00e0 gauche, au centre ou \u00e0 droite dans son conteneur. Visible uniquement quand le tableau est plus \u00e9troit que le conteneur.<\/td><\/tr><tr><td><strong>Table Container Max Width<\/strong><\/td><td>Activez-le pour limiter la largeur du tableau, puis r\u00e9glez la largeur en px<\/td><\/tr><tr><td><strong>Cell Min Auto Width<\/strong><\/td><td>La largeur minimale d\u2019une colonne automatique (120 px par d\u00e9faut)<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_3c2f7cd2-603c-468c-be7e-082fbcc7c5a4\"><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>Table Container Max Width<\/strong> et saisissez une largeur.<\/li>\n\n\n\n<li>Sous <strong>Alignment<\/strong>, cliquez sur le bouton de centrage.<\/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 Table Container Max Width r\u00e9gl\u00e9 sur 700px et Cell Min Auto Width\" 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_eca43d37-00e6-435d-85bc-82a7182c4232\"><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 de contr\u00f4ler la largeur<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>D\u00e9finissez des largeurs exactes pour certaines colonnes dans <strong>Row &#038; Column Control<\/strong>. Voir <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>Si le tableau est plus large que les petits \u00e9crans, activez le <a href=\"https:\/\/wptablebuilder.com\/fr\/documents\/horizontal-scroll-table\/\">d\u00e9filement horizontal<\/a>.<\/li>\n\n\n\n<li>Dans l\u2019\u00e9diteur de blocs, le bouton d\u2019alignement du bloc WP Table Builder permet une largeur large ou pleine si votre th\u00e8me le prend en charge. Voir <a href=\"https:\/\/wptablebuilder.com\/fr\/documents\/editeur-de-blocs-de-tableur-de-la-bibliotheque-wp-table-builder-de-gutenberg\/\">Comment ajouter un tableau WP Table Builder dans l\u2019\u00e9diteur de blocs Gutenberg<\/a>.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_8bbda47c-d30b-4f5f-acb8-97d3b8eec277\"><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-b24968e9-ca5c-42a2-bc42-26ea3d9ba7bd\" 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-b24968e9-ca5c-42a2-bc42-26ea3d9ba7bd\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-b24968e9-ca5c-42a2-bc42-26ea3d9ba7bd\" style=\"color: #000000; \"><strong>Comment centrer un tableau dans WordPress ?<\/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-b24968e9-ca5c-42a2-bc42-26ea3d9ba7bd\">\n\n<p class=\"wp-block-paragraph\">Dans WP Table Builder, ouvrez l\u2019onglet Settings, activez Table Container Max Width avec une largeur inf\u00e9rieure \u00e0 votre zone de contenu et r\u00e9glez Alignment sur centre.<\/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-b24968e9-ca5c-42a2-bc42-26ea3d9ba7bd\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-b24968e9-ca5c-42a2-bc42-26ea3d9ba7bd\" style=\"color: #000000; \"><strong>Pourquoi Alignment n\u2019a-t-il aucun effet ?<\/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-b24968e9-ca5c-42a2-bc42-26ea3d9ba7bd\">\n\n<p class=\"wp-block-paragraph\">Le tableau est aussi large que son conteneur, il n\u2019y a donc pas d\u2019espace pour le d\u00e9placer. Activez Table Container Max Width et d\u00e9finissez une largeur plus petite.<\/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-b24968e9-ca5c-42a2-bc42-26ea3d9ba7bd\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-b24968e9-ca5c-42a2-bc42-26ea3d9ba7bd\" style=\"color: #000000; \"><strong>Puis-je mettre le tableau en pleine largeur ?<\/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-b24968e9-ca5c-42a2-bc42-26ea3d9ba7bd\">\n\n<p class=\"wp-block-paragraph\">Oui. Laissez Table Container Max Width d\u00e9sactiv\u00e9. Le tableau occupe alors tout son conteneur.<\/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_007054c6-d792-4aa8-b787-1d96bfe84c16\"><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\/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\/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\/espacement\/\">Comment ajouter de l\u2019espace entre les cellules dans WP Table Builder (Pro)<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/fr\/documents\/editeur-de-blocs-de-tableur-de-la-bibliotheque-wp-table-builder-de-gutenberg\/\">Comment ajouter un tableau WP Table Builder dans l\u2019\u00e9diteur de blocs Gutenberg<\/a><\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>Center or align a table and control its maximum and minimum width.<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[98],"doc_tag":[],"class_list":["post-2187","docs","type-docs","status-publish","hentry","doc_category-styling-design"],"year_month":"2026-11","word_count":386,"total_views":"26","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":"Styling &amp; Design","term_url":"https:\/\/wptablebuilder.com\/fr\/docs-category\/styling-design\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/docs\/2187","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=2187"}],"version-history":[{"count":1,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/docs\/2187\/revisions"}],"predecessor-version":[{"id":24330,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/docs\/2187\/revisions\/24330"}],"wp:attachment":[{"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/media?parent=2187"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/doc_category?post=2187"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/doc_tag?post=2187"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}