{"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":"%e3%83%af%e3%83%bc%e3%83%89%e3%83%97%e3%83%ac%e3%82%b9%e3%81%a7%e3%83%86%e3%83%bc%e3%83%96%e3%83%ab%e3%81%ae%e5%b9%85%e3%82%92%e5%a4%89%e6%9b%b4%e3%81%99%e3%82%8b%e6%96%b9%e6%b3%95","status":"publish","type":"post","link":"https:\/\/tableberg.com\/ja\/how-to-change-table-width-in-wordpress\/","title":{"rendered":"WordPress\u3067\u30c6\u30fc\u30d6\u30eb\u5e45\u3092\u5909\u66f4\u3059\u308b\u65b9\u6cd5\uff082\u3064\u306e\u65b9\u6cd5\uff09"},"content":{"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.<\/p>\n\n\n\n<p>But the default space may fail to meet your objectives which is why you may want to increase your table width. This article will guide you on how to change table width in WordPress.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Method 1: <a href=\"#Changing-the-Width-of-the-Default-Table-Block\">Changing the Width of the default Table Block <\/a><\/li>\n\n\n\n<li>Method 2: <a href=\"#Changing-the-Width-of-the-Tableberg-Block\">Changing the Width of the Tableberg Block<\/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>\u7f8e\u3057\u3044\u30c6\u30fc\u30d6\u30eb\u3092\u4f5c\u308b <\/strong><br><strong>\u30d6\u30ed\u30c3\u30af\u30a8\u30c7\u30a3\u30bf\u30fc\u4ed8\u304d<\/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\">\u7121\u6599\u4f53\u9a13<\/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\/ja\/%e4%be%a1%e6%a0%bc%e8%a8%ad%e5%ae%9a\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u30d7\u30ed\u306b\u306a\u308b<\/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\">Method 1: Changing the Width of the Default Table Block<\/h2>\n\n\n\n<p>The default <a href=\"https:\/\/tableberg.com\/ja\/how-to-use-the-wordpress-table-block\/\" target=\"_blank\" rel=\"noreferrer noopener\">Table block<\/a> doesn\u2019t have an option to specify the exact width of a table. But you can make the table wide or full width.<\/p>\n\n\n\n<p>To make a <strong>table wide width<\/strong>, click on the \u2018Align\u2019 icon in the table block\u2019s toolbar and select \u2018Wide Width\u2019.<\/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>Similarly, to make a <strong>table full width<\/strong>, click on the \u2018Align\u2019 icon from the table block\u2019s toolbar and select \u2018Full Width\u2019.<\/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>Now, what if you want to specify the width of a table?<\/p>\n\n\n\n<p>There is a WAY. But you need to transform the table block to a Group block. <\/p>\n\n\n\n<p>To transform the Table block to the Group block, click on \u2018Table\u2019 icon from the table block\u2019s toolbar and select the \u2018Group\u2019 block.<\/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>Now, click on the \u2018Settings\u2019 icon from the top right-hand side corner and you\u2019ll see two boxes (CONTENT &amp; WIDE) under the settings tab. Then enter your desired table width there. <\/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>The table width will change according to the value you insert. Thus, you can customize the width of the default WordPress table.<\/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\">Method Two: Changing the Width of the Tableberg Block<\/h2>\n\n\n\n<p>To have more control over the table width, you can use the <strong><a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u30c6\u30fc\u30d6\u30eb\u30d0\u30fc\u30b0<\/a><\/strong> plugin. It\u2019s a versatile table builder plugin. <\/p>\n\n\n\n<p class=\"has-text-align-center has-background\" style=\"background-color:#efe6ff\">Read: <a href=\"https:\/\/tableberg.com\/ja\/%e8%ab%b8%e6%b3%a8%e6%84%8f\/tableberg-one\/%e3%83%86%e3%83%bc%e3%83%96%e3%83%ab%e3%83%90%e3%83%bc%e3%82%b0\/how-to-convert-default-table-block-to-tableberg-block\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u30c7\u30d5\u30a9\u30eb\u30c8\u306e\u30c6\u30fc\u30d6\u30eb\u30d6\u30ed\u30c3\u30af\u3092\u30c6\u30fc\u30d6\u30eb\u30d0\u30fc\u30b0\u30d6\u30ed\u30c3\u30af\u306b\u5909\u63db\u3059\u308b\u65b9\u6cd5<\/a><\/p>\n\n\n\n<p>Once you\u2019ve created a table with Tableberg, click on the <strong>\u2018Tableberg\u2019 icon<\/strong> from the toolbar and you\u2019ll get the <strong>TABLE WIDTH<\/strong> option in the settings tab.<\/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>Now, put your desired value on the box or drag the scale. You will see that you can extend its width more than the default WordPress table.<\/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>\u4ee5\u4e0a\u3001Tableberg\u30d7\u30e9\u30b0\u30a4\u30f3\u3092\u4f7f\u3063\u3066\u30c6\u30fc\u30d6\u30eb\u306e\u5e45\u3092\u5909\u66f4\u3059\u308b\u65b9\u6cd5\u3067\u3057\u305f\u3002<\/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\">\u6700\u5f8c\u306e\u8a00\u8449<\/h3>\n\n\n\n<p>Now you know how to change table width in WordPress. But there are several things you must care about when updating the table width. Make sure you aren\u2019t disturbing the balance of content on the table.<\/p>\n\n\n\n<p>Increasing the width too much can often negatively impact the responsiveness issue. And last of all, don\u2019t forget to check the readability score.<\/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 is why you may want to increase your table width. This article will guide you on how to change table width in WordPress. Method 1: Changing the Width of the Default Table Block The default Table block doesn&#8217;t have an option to specify the exact width of a table. But you can make the table [&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\/ja\/author\/wpx_irayhan\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/posts\/307","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/comments?post=307"}],"version-history":[{"count":7,"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/posts\/307\/revisions"}],"predecessor-version":[{"id":7674,"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/posts\/307\/revisions\/7674"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/media\/1786"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/media?parent=307"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/categories?post=307"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/tags?post=307"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}