{"id":1098,"date":"2024-04-28T15:06:54","date_gmt":"2024-04-28T15:06:54","guid":{"rendered":"https:\/\/tableberg.com\/?post_type=docs&#038;p=1098"},"modified":"2025-06-26T15:33:55","modified_gmt":"2025-06-26T15:33:55","password":"","slug":"comment-modifier-la-largeur-des-colonnes-dun-tableau","status":"publish","type":"docs","link":"https:\/\/tableberg.com\/fr\/docs\/how-to-change-table-column-width\/","title":{"rendered":"Change Table Column Width"},"content":{"rendered":"<p>Les colonnes d'un tableau sont des arrangements verticaux de valeurs de donn\u00e9es dans un tableau. Vous pouvez afficher divers contenus, tels que des faits, des chiffres, des textes, des boutons CTA, des images, etc. dans les colonnes du tableau.<\/p>\n\n\n\n<p>Parfois, certains contenus, tels que des mots ou des phrases longs, sont interrompus en raison de la taille r\u00e9duite de la colonne du tableau. Il peut donc \u00eatre n\u00e9cessaire de redimensionner la colonne du tableau en fonction du contenu.<\/p>\n\n\n\n<p>Cet article vous expliquera comment modifier la largeur des colonnes d'un tableau dans WordPress.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u00c9tape 01 : Installer et activer le plugin Tableberg<\/h2>\n\n\n\n<p>Le bloc Table de WordPress par d\u00e9faut n'offre pas la possibilit\u00e9 de modifier la largeur des colonnes du tableau. <strong>Installer<\/strong> et <strong>activer<\/strong> les <a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Tableberg<\/a> plugin. Il s'agit d'un plugin de construction de tableaux avanc\u00e9 avec de nombreuses fonctionnalit\u00e9s int\u00e9ressantes.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"422\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Install-the-Tableberg-Plugin-1024x422.png\" alt=\"\" class=\"wp-image-9830\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Install-the-Tableberg-Plugin-1024x422.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Install-the-Tableberg-Plugin-300x124.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Install-the-Tableberg-Plugin-768x317.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Install-the-Tableberg-Plugin-1536x633.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Install-the-Tableberg-Plugin-2048x845.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Install-the-Tableberg-Plugin-18x7.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">\u00c9tape 02 : Cr\u00e9er votre tableau<\/h2>\n\n\n\n<p>Ajoutez le bloc Tableberg \u00e0 l'\u00e9diteur et commencez \u00e0 cr\u00e9er votre tableau. Voici un guide sur <a href=\"https:\/\/tableberg.com\/fr\/comment-creer-un-tableau-de-classement-dans-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">comment cr\u00e9er un tableau avec le plugin Tableberg<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"524\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Inserting-the-Tableberg-Block--1024x524.png\" alt=\"\" class=\"wp-image-9831\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Inserting-the-Tableberg-Block--1024x524.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Inserting-the-Tableberg-Block--300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Inserting-the-Tableberg-Block--768x393.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Inserting-the-Tableberg-Block--1536x786.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Inserting-the-Tableberg-Block--2048x1048.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Inserting-the-Tableberg-Block--18x9.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Pour les besoins de ce tutoriel, j'ai choisi une table pr\u00e9fabriqu\u00e9e.<\/p>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-width:1px;border-radius:3px\">\n<figure class=\"wp-block-video\"><video height=\"1610\" style=\"aspect-ratio: 3646 \/ 1610;\" width=\"3646\" autoplay loop muted src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Choosing-a-Pre-built-Table.mp4\"><\/video><\/figure>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">\u00c9tape 03 : S\u00e9lectionner une colonne et modifier sa largeur<\/h2>\n\n\n\n<p>S\u00e9lectionnez la colonne en cliquant sur votre curseur dont vous souhaitez modifier la largeur. Vous pouvez voir ci-dessous que nous avons <strong>a s\u00e9lectionn\u00e9 la premi\u00e8re colonne<\/strong> pour le tutoriel.<\/p>\n\n\n\n<p>Vous devez alors <strong>d\u00e9sactiver l'option \"Cellules \u00e0 largeur fixe\".<\/strong> option. Vous verrez appara\u00eetre l'option <strong>Largeur de la colonne<\/strong> dans la barre lat\u00e9rale droite. Vous pouvez placer la valeur souhait\u00e9e dans la case ou augmenter\/diminuer la colonne en faisant glisser le pointeur sous l'option.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69d4940101724&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69d4940101724\" class=\"wp-block-image aligncenter size-full has-custom-border wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1297\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Changing-Column-Width-of-a-Table-scaled.png\" alt=\"\" class=\"wp-image-9834\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Changing-Column-Width-of-a-Table-scaled.png 2560w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Changing-Column-Width-of-a-Table-300x152.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Changing-Column-Width-of-a-Table-1024x519.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Changing-Column-Width-of-a-Table-768x389.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Changing-Column-Width-of-a-Table-1536x778.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Changing-Column-Width-of-a-Table-2048x1038.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Changing-Column-Width-of-a-Table-18x9.png 18w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Agrandir\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p>Si n\u00e9cessaire, vous pouvez m\u00eame augmenter la taille de n'importe quelle ligne du tableau de la mani\u00e8re suivante.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Conclusion<\/h3>\n\n\n\n<p>Vous pouvez ainsi modifier la largeur de la colonne du tableau s\u00e9lectionn\u00e9. Nous esp\u00e9rons qu'\u00e0 partir de maintenant, vous pourrez modifier la longueur de la colonne en fonction de la longueur de votre contenu.<\/p>\n\n\n\n<p>Si vous avez des questions concernant la cr\u00e9ation de tableaux dans WordPress, n'h\u00e9sitez pas \u00e0 nous les poser. Notre \u00e9quipe vous r\u00e9pondra dans les plus brefs d\u00e9lais.<\/p>","protected":false},"excerpt":{"rendered":"<p>Table columns are vertical arrangements of data value within a table. You can display various content, like facts, figures, texts, CTA buttons, images, and more through the table columns. Sometimes, there is content, such as long words or phrases, that breaks due to the small table column size. So, the table column may need to [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_eb_attr":"","footnotes":""},"doc_category":[126],"doc_tag":[48,49],"class_list":["post-1098","docs","type-docs","status-publish","hentry","doc_category-functionality-controls","doc_tag-table-column","doc_tag-table-column-width"],"year_month":"2026-04","word_count":302,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"Istiak Rayhan","author_nicename":"wpx_irayhan","author_url":"https:\/\/tableberg.com\/fr\/author\/wpx_irayhan\/"},"doc_category_info":[{"term_name":"Functionality &amp; Controls","term_url":"https:\/\/tableberg.com\/fr\/docs-category\/functionality-controls\/"}],"doc_tag_info":[{"term_name":"Table Column","term_url":"https:\/\/tableberg.com\/fr\/docs-tag\/table-column\/"},{"term_name":"Table Column Width","term_url":"https:\/\/tableberg.com\/fr\/docs-tag\/table-column-width\/"}],"_links":{"self":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/docs\/1098","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/types\/docs"}],"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=1098"}],"version-history":[{"count":4,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/docs\/1098\/revisions"}],"predecessor-version":[{"id":9835,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/docs\/1098\/revisions\/9835"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/media?parent=1098"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/doc_category?post=1098"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/doc_tag?post=1098"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}