{"id":307,"date":"2025-02-16T00:15:21","date_gmt":"2025-02-16T00:15:21","guid":{"rendered":"https:\/\/tableberg.com\/?p=307"},"modified":"2025-02-16T00:15:26","modified_gmt":"2025-02-16T00:15:26","slug":"comment-modifier-la-largeur-dun-tableau-dans-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/fr\/how-to-change-table-width-in-wordpress\/","title":{"rendered":"Comment modifier la largeur des tables dans WordPress (deux fa\u00e7ons)"},"content":{"rendered":"<p>La largeur d'un tableau correspond \u00e0 l'espace horizontal qu'il occupe sur une page web. Elle d\u00e9crit la place que prend le tableau par rapport aux autres \u00e9l\u00e9ments de la page. Par d\u00e9faut, WordPress attribue une largeur standard \u00e0 chaque fois que vous cr\u00e9ez un tableau.<\/p>\n\n\n\n<p>Mais l'espace par d\u00e9faut peut ne pas r\u00e9pondre \u00e0 vos objectifs, c'est pourquoi vous pouvez vouloir augmenter la largeur de votre table. Cet article vous guidera sur la fa\u00e7on de modifier la largeur de la table dans WordPress.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>M\u00e9thode 1 : <a href=\"#Changing-the-Width-of-the-Default-Table-Block\">Modification de la largeur du bloc de tableau par d\u00e9faut <\/a><\/li>\n\n\n\n<li>M\u00e9thode 2 : <a href=\"#Changing-the-Width-of-the-Tableberg-Block\">Modification de la largeur du bloc Tableberg<\/a><\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-group has-border-color has-global-padding is-layout-constrained wp-container-core-group-is-layout-8db5ca72 wp-block-group-is-layout-constrained\" style=\"border-color:#671feb;border-style:solid;border-width:1px;border-radius:4px;padding-top:var(--wp--preset--spacing--medium);padding-right:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--medium);padding-left:var(--wp--preset--spacing--small)\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-505d3e6d wp-block-group-is-layout-flex\" style=\"padding-top:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--small)\">\n<p style=\"font-size:clamp(18.959px, 1.185rem + ((1vw - 3.2px) * 1.175), 30px);\"><strong>Cr\u00e9er de belles tables <\/strong><br><strong>Avec l'\u00e9diteur de blocs<\/strong><\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-f2baa792 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-background wp-element-button\" href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" style=\"background-color:#671feb\" target=\"_blank\" rel=\"noreferrer noopener\">Essai gratuit<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/tableberg.com\/fr\/la-tarification\/\" target=\"_blank\" rel=\"noreferrer noopener\">Obtenir un Pro<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"540\" height=\"540\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg.png\" alt=\"\" class=\"wp-image-1545\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg.png 540w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg-300x300.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg-150x150.png 150w\" sizes=\"auto, (max-width: 540px) 100vw, 540px\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Changing-the-Width-of-the-Default-Table-Block\">M\u00e9thode 1 : modification de la largeur du bloc de tableau par d\u00e9faut<\/h2>\n\n\n\n<p>La valeur par d\u00e9faut <a href=\"https:\/\/tableberg.com\/fr\/comment-utiliser-le-bloc-de-table-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Bloc de table<\/a> ne permet pas de sp\u00e9cifier la largeur exacte d'un tableau. Mais vous pouvez faire en sorte que le tableau soit large ou plein.<\/p>\n\n\n\n<p>Pour faire un <strong>table large largeur<\/strong>Cliquez sur l'ic\u00f4ne \"Aligner\" dans la barre d'outils du bloc tableau et s\u00e9lectionnez \"Grande largeur\".<\/p>\n\n\n\n<figure class=\"wp-block-image size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"720\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/06\/Making-the-Table-Wide-Width.gif\" alt=\"\" class=\"wp-image-1775\" style=\"border-width:1px;border-radius:3px\"\/><\/figure>\n\n\n\n<p>De m\u00eame, pour faire un <strong>table pleine largeur<\/strong>Cliquez sur l'ic\u00f4ne \"Aligner\" de la barre d'outils du bloc tableau et s\u00e9lectionnez \"Pleine largeur\".<\/p>\n\n\n\n<figure class=\"wp-block-image size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"720\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/06\/Making-the-Table-Full-Width.gif\" alt=\"\" class=\"wp-image-1776\" style=\"border-width:1px;border-radius:3px\"\/><\/figure>\n\n\n\n<p>Qu'en est-il si vous souhaitez sp\u00e9cifier la largeur d'un tableau ?<\/p>\n\n\n\n<p>Il existe un moyen. Mais vous devez transformer le bloc de tableau en bloc de groupe. <\/p>\n\n\n\n<p>Pour transformer le bloc Tableau en bloc Groupe, cliquez sur l'ic\u00f4ne \"Tableau\" de la barre d'outils du bloc Tableau et s\u00e9lectionnez le bloc \"Groupe\".<\/p>\n\n\n\n<figure class=\"wp-block-image size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"720\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/06\/Transforming-the-Table-block-to-the-Group-block.gif\" alt=\"\" class=\"wp-image-1779\" style=\"border-width:1px;border-radius:3px\"\/><\/figure>\n\n\n\n<p>Cliquez sur l'ic\u00f4ne \"Param\u00e8tres\" dans le coin sup\u00e9rieur droit et vous verrez deux cases (CONTENU et LARGE) sous l'onglet \"Param\u00e8tres\". Saisissez alors la largeur de table souhait\u00e9e. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"574\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/06\/Specifying-the-Table-width-in-WordPress-1024x574.png\" alt=\"\" class=\"wp-image-1780\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/06\/Specifying-the-Table-width-in-WordPress-1024x574.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/06\/Specifying-the-Table-width-in-WordPress-300x168.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/06\/Specifying-the-Table-width-in-WordPress-768x430.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/06\/Specifying-the-Table-width-in-WordPress-1536x860.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/06\/Specifying-the-Table-width-in-WordPress-2048x1147.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>La largeur du tableau changera en fonction de la valeur que vous ins\u00e9rez. Ainsi, vous pouvez personnaliser la largeur du tableau par d\u00e9faut de WordPress.<\/p>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_e5b54ea2-6cda-4a17-80e0-fafeb0ad970a\"><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: 2px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Changing-the-Width-of-the-Tableberg-Block\">Deuxi\u00e8me m\u00e9thode : modification de la largeur du bloc Tableberg<\/h2>\n\n\n\n<p>Pour mieux contr\u00f4ler la largeur du tableau, vous pouvez utiliser la fonction <strong><a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noreferrer noopener\">Tableberg<\/a><\/strong> plugin. Il s'agit d'un plugin de cr\u00e9ation de tableaux polyvalent. <\/p>\n\n\n\n<p class=\"has-text-align-center has-background\" style=\"background-color:#efe6ff\">Lire : <a href=\"https:\/\/tableberg.com\/fr\/documents\/tableberg-one\/tableberg\/comment-convertir-le-bloc-de-table-par-defaut-en-bloc-de-tableberg\/\" target=\"_blank\" rel=\"noreferrer noopener\">Comment convertir le bloc Table par d\u00e9faut en bloc Tableberg<\/a><\/p>\n\n\n\n<p>Une fois que vous avez cr\u00e9\u00e9 un tableau avec Tableberg, cliquez sur le bouton <strong>Ic\u00f4ne \"Tableberg<\/strong> dans la barre d'outils et vous obtiendrez l'\u00e9cran suivant <strong>LARGEUR DE LA TABLE<\/strong> dans l'onglet des param\u00e8tres.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"2578\" height=\"1318\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/06\/Table-width-of-the-Tableberg-block.png\" alt=\"\" class=\"wp-image-1781\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/06\/Table-width-of-the-Tableberg-block.png 2578w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/06\/Table-width-of-the-Tableberg-block-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/06\/Table-width-of-the-Tableberg-block-1024x524.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/06\/Table-width-of-the-Tableberg-block-768x393.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/06\/Table-width-of-the-Tableberg-block-1536x785.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/06\/Table-width-of-the-Tableberg-block-2048x1047.png 2048w\" sizes=\"auto, (max-width: 2578px) 100vw, 2578px\" \/><\/figure>\n\n\n\n<p>Maintenant, mettez la valeur que vous souhaitez dans la case ou faites glisser l'\u00e9chelle. Vous verrez que vous pouvez augmenter la largeur de la table par rapport \u00e0 la table par d\u00e9faut de WordPress.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"614\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/06\/Changing-the-Width-of-the-Tableberg-block.gif\" alt=\"\" class=\"wp-image-1782\" style=\"border-width:1px;border-radius:3px\"\/><\/figure>\n\n\n\n<p>Voil\u00e0 donc comment vous pouvez modifier la largeur d'un tableau \u00e0 l'aide du plugin Tableberg.<\/p>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_70742ba2-88e1-434a-8dcd-2c26741a47d3\"><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: 2px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Le mot de la fin !<\/h3>\n\n\n\n<p>Vous savez maintenant comment modifier la largeur d'une table dans WordPress. Mais il y a plusieurs choses auxquelles vous devez faire attention lorsque vous modifiez la largeur d'une table. Assurez-vous que vous ne perturbez pas l'\u00e9quilibre du contenu du tableau.<\/p>\n\n\n\n<p>Une augmentation trop importante de la largeur peut souvent avoir un impact n\u00e9gatif sur la r\u00e9activit\u00e9. Enfin, n'oubliez pas de v\u00e9rifier la lisibilit\u00e9.<\/p>","protected":false},"excerpt":{"rendered":"<p>Table width refers to the horizontal space that a table occupies on a web page. It describes how much room the table takes up in relation to other elements on the page. By default, WordPress assigns a standard width whenever you create a table. But the default space may fail to meet your objectives which [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1786,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[10,11,9],"class_list":["post-307","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-customize-table","tag-table-block","tag-tableberg"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/How-to-Change-Table-Width-In-WordPress.png","author_info":{"display_name":"Istiak Rayhan","author_link":"https:\/\/tableberg.com\/fr\/author\/wpx_irayhan\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts\/307","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/comments?post=307"}],"version-history":[{"count":7,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts\/307\/revisions"}],"predecessor-version":[{"id":7674,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts\/307\/revisions\/7674"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/media\/1786"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/media?parent=307"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/categories?post=307"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/tags?post=307"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}