{"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":"how-to-change-table-column-width","status":"publish","type":"docs","link":"https:\/\/tableberg.com\/docs\/how-to-change-table-column-width\/","title":{"rendered":"Change Table Column Width"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">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.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">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 be resized according to the content.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This post will explain to you how to change table column width in WordPress.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Step 01: Install and Activate the Tableberg Plugin<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The default WordPress Table block doesn&#8217;t have the option to change the table column width. <strong>Install<\/strong> and <strong>activate<\/strong> the <a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Tableberg<\/a> plugin. This is an advanced table-builder plugin with many exciting features.<\/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\">Step 02: Create Your Table<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Add the Tableberg block to the editor and start creating your table. Here&#8217;s a guide on <a href=\"https:\/\/tableberg.com\/how-to-create-a-league-table-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">how to create a table with the Tableberg plugin<\/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 class=\"wp-block-paragraph\">For the sake of this tutorial, I&#8217;m choosing a pre-built table.<\/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\">Step 03: Select a Column and Change Its Width<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Select the column by clicking your cursor whose width you want to change. You can see below, we have <strong>selected the first column<\/strong> for the tutorial.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Then you need to <strong>disable the &#8216;Fixed width cells&#8217;<\/strong> option. You&#8217;ll see the <strong>Column Width<\/strong> option on the right sidebar. You can place your desired value on the box or increase\/decrease the column&#8217;s by dragging the pointer under the option.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a25aa11b3083&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a25aa11b3083\" 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--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" 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\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\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.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\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 class=\"wp-block-paragraph\">If necessary, you can even increase the of any row of the table in the following way.<\/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 class=\"wp-block-paragraph\">Thus, you can change the width of your selected table&#8217;s column. Hopefully, from now on, you can change the length of the particular column according to the length of your content.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you have any questions regarding table-building in WordPress, don&#8217;t hesitate to ask us. Our team will get back to you in a short time.<\/p>\n","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-06","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\/author\/wpx_irayhan\/"},"doc_category_info":[{"term_name":"Functionality &amp; Controls","term_url":"https:\/\/tableberg.com\/docs-category\/functionality-controls\/"}],"doc_tag_info":[{"term_name":"Table Column","term_url":"https:\/\/tableberg.com\/docs-tag\/table-column\/"},{"term_name":"Table Column Width","term_url":"https:\/\/tableberg.com\/docs-tag\/table-column-width\/"}],"_links":{"self":[{"href":"https:\/\/tableberg.com\/wp-json\/wp\/v2\/docs\/1098","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/tableberg.com\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/wp-json\/wp\/v2\/comments?post=1098"}],"version-history":[{"count":4,"href":"https:\/\/tableberg.com\/wp-json\/wp\/v2\/docs\/1098\/revisions"}],"predecessor-version":[{"id":9835,"href":"https:\/\/tableberg.com\/wp-json\/wp\/v2\/docs\/1098\/revisions\/9835"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/wp-json\/wp\/v2\/media?parent=1098"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/tableberg.com\/wp-json\/wp\/v2\/doc_category?post=1098"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/tableberg.com\/wp-json\/wp\/v2\/doc_tag?post=1098"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}