{"id":1986,"date":"2025-03-11T10:25:18","date_gmt":"2025-03-11T10:25:18","guid":{"rendered":"https:\/\/wptablebuilder.com\/?post_type=docs&#038;p=1986"},"modified":"2025-03-11T10:25:23","modified_gmt":"2025-03-11T10:25:23","password":"","slug":"add-borders-to-a-table-in-wordpress","status":"publish","type":"docs","link":"https:\/\/wptablebuilder.com\/de\/docs\/add-borders-to-a-table-in-wordpress\/","title":{"rendered":"How To Add Borders To A Table"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Adding borders to a table makes it attractive. You can also use your brand color on the table borders to make them more attractive.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a aria-label=\" (opens in a new tab)\" class=\"rank-math-link\" href=\"https:\/\/wptablebuilder.com\/de\/\" target=\"_blank\" rel=\"noreferrer noopener\">WP Table Builder<\/a> lets you add external and inner borders to a table. You can also change the color of the border. All these can be done from the &#8216;BORDER&#8217; option under the &#8216;Settings&#8217; tab.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To go to the<strong> Border menu<\/strong>, <strong>Click Settings (1) > Border (2).<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"884\" height=\"714\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-11_15-59-27.png\" alt=\"\" class=\"wp-image-20593\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-11_15-59-27.png 884w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-11_15-59-27-300x242.png 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-11_15-59-27-768x620.png 768w\" sizes=\"auto, (max-width: 884px) 100vw, 884px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To <strong>add an external border<\/strong>, <strong>increase the table border<\/strong>. You can also decrease the border to make it perfect. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1244\" height=\"740\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-11_16-06-50.gif\" alt=\"\" class=\"wp-image-20594\" style=\"border-width:1px;border-radius:3px\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To <strong>deactivate the border<\/strong>, keep turning the slider to the left side till it is cornered. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To <strong>add the inner border<\/strong>, enable the &#8216;Enable Inner Border&#8217; option and increase the border size. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1176\" height=\"732\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-11_16-11-58.gif\" alt=\"\" class=\"wp-image-20595\" style=\"border-width:1px;border-radius:3px\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Note:<\/strong> To show both the Table Border and Inner Border simultaneously in the table, you must keep the table border value bigger than the Inner Border value. For instance, if you keep the table border value to 5, you must keep the inner border value to 4. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can choose the color for the <strong>Table Border (external)<\/strong> and <strong>Inner Border<\/strong> by selecting the color option separately. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1188\" height=\"736\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-11_16-19-44.gif\" alt=\"\" class=\"wp-image-20596\" style=\"border-width:1px;border-radius:3px\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Again, you can also a<strong>pply the Header Inner Border<\/strong>. By default, the inner border color is visible for columns and rows. But, you can change it to <strong>columns-only <\/strong>or row-only by activating &#8216;Column Border Only&#8217; or &#8216;Row Border Only&#8217;. <strong>(Applied Green border Color for better visibility)<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1186\" height=\"748\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-11_16-23-33.gif\" alt=\"\" class=\"wp-image-20597\" style=\"border-width:1px;border-radius:3px\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Hope this quick tutorial helped you to add borders to your WordPress table. <\/p>","protected":false},"excerpt":{"rendered":"<p>Adding borders to a table makes it attractive. You can also use your brand color on the table borders to make them more attractive. WP Table Builder lets you add external and inner borders to a table. You can also change the color of the border. All these can be done from the &#8216;BORDER&#8217; option [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1989,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[7],"doc_tag":[],"class_list":["post-1986","docs","type-docs","status-publish","has-post-thumbnail","hentry","doc_category-configurations"],"year_month":"2026-08","word_count":242,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"Istiak Rayhan","author_nicename":"wpx_roadtobl","author_url":"https:\/\/wptablebuilder.com\/de\/author\/wpx_roadtobl\/"},"doc_category_info":[{"term_name":"Configurations","term_url":"https:\/\/wptablebuilder.com\/de\/docs-category\/configurations\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/docs\/1986","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/comments?post=1986"}],"version-history":[{"count":0,"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/docs\/1986\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/media\/1989"}],"wp:attachment":[{"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/media?parent=1986"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/doc_category?post=1986"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/doc_tag?post=1986"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}