{"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":"hoe-tabelbreedte-wijzigen-in-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/nl\/how-to-change-table-width-in-wordpress\/","title":{"rendered":"Hoe de tabelbreedte wijzigen in WordPress (op twee manieren)"},"content":{"rendered":"<p>Tabelbreedte verwijst naar de horizontale ruimte die een tabel inneemt op een webpagina. Het beschrijft hoeveel ruimte de tabel inneemt ten opzichte van andere elementen op de pagina. WordPress kent standaard een standaard breedte toe wanneer je een tabel aanmaakt.<\/p>\n\n\n\n<p>Maar het kan zijn dat de standaardruimte niet voldoet aan je doelstellingen en daarom wil je misschien je tabelbreedte vergroten. Dit artikel laat je zien hoe je de tabelbreedte kunt wijzigen in WordPress.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Methode 1: <a href=\"#Changing-the-Width-of-the-Default-Table-Block\">De breedte van het standaard tabelblok wijzigen <\/a><\/li>\n\n\n\n<li>Methode 2: <a href=\"#Changing-the-Width-of-the-Tableberg-Block\">De breedte van het Tableberg-blok wijzigen<\/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>Maak prachtige tafels <\/strong><br><strong>Met blok-editor<\/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\">Probeer gratis<\/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\/nl\/prijzen\/\" target=\"_blank\" rel=\"noreferrer noopener\">Krijg 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\">Methode 1: De breedte van het standaard tabelblok wijzigen<\/h2>\n\n\n\n<p>De standaard <a href=\"https:\/\/tableberg.com\/nl\/hoe-gebruik-je-het-wordpress-tabelblok\/\" target=\"_blank\" rel=\"noreferrer noopener\">Tabel blok<\/a> heeft geen optie om de exacte breedte van een tabel op te geven. Maar je kunt de tabel wel breed of volledig breed maken.<\/p>\n\n\n\n<p>Een <strong>tafel brede breedte<\/strong>Klik op het pictogram 'Uitlijnen' in de werkbalk van het tabelblok en selecteer 'Breedte'.<\/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>Om een <strong>tafel volledige breedte<\/strong>Klik op het pictogram 'Uitlijnen' in de werkbalk van het tabelblok en selecteer 'Volledige breedte'.<\/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>Wat nu als je de breedte van een tabel wilt opgeven?<\/p>\n\n\n\n<p>Er is een WEG. Maar je moet het tabelblok transformeren naar een groepsblok. <\/p>\n\n\n\n<p>Om het Table-blok te transformeren naar het Group-blok, klik je op het 'Table'-pictogram in de werkbalk van het table-blok en selecteer je het 'Group'-blok.<\/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>Klik nu op het pictogram 'Instellingen' in de rechterbovenhoek en je ziet twee vakjes (INHOUD &amp; BREEDTE) onder het tabblad instellingen. Voer daar de gewenste tabelbreedte in. <\/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>De breedte van de tabel zal veranderen op basis van de waarde die je invoegt. Zo kun je de breedte van de standaard WordPress tabel aanpassen.<\/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\">Tweede methode: de breedte van het Tableberg-blok wijzigen<\/h2>\n\n\n\n<p>Om meer controle te hebben over de breedte van de tabel, kun je de <strong><a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noreferrer noopener\">Tafelberg<\/a><\/strong> plugin. Het is een veelzijdige plugin voor het maken van tabellen. <\/p>\n\n\n\n<p class=\"has-text-align-center has-background\" style=\"background-color:#efe6ff\">Lezen: <a href=\"https:\/\/tableberg.com\/nl\/docs\/tableberg-one\/tafelberg\/hoe-standaard-tabelblok-converteren-naar-tabelbergblok\/\" target=\"_blank\" rel=\"noreferrer noopener\">Hoe standaard tabelblok converteren naar tabelbergblok<\/a><\/p>\n\n\n\n<p>Zodra u een tabel hebt gemaakt met Tableberg, klikt u op de knop <strong>Pictogram 'Tafelberg<\/strong> in de werkbalk en je krijgt de <strong>TAFEL BREEDTE<\/strong> optie op het tabblad Instellingen.<\/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>Plaats nu de gewenste waarde in het vak of versleep de schaal. Je zult zien dat je de breedte kunt vergroten ten opzichte van de standaard WordPress tabel.<\/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>Zo kun je dus de breedte van een tabel wijzigen met de Tableberg plugin.<\/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\">Laatste woorden!<\/h3>\n\n\n\n<p>Nu weet je hoe je de tabelbreedte kunt wijzigen in WordPress. Maar er zijn verschillende dingen waar je op moet letten bij het aanpassen van de tabelbreedte. Zorg ervoor dat je de balans van de inhoud op de tabel niet verstoort.<\/p>\n\n\n\n<p>De breedte te veel vergroten kan vaak een negatieve invloed hebben op de responsiviteit. En vergeet tot slot niet de leesbaarheidsscore te controleren.<\/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\/nl\/author\/wpx_irayhan\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/posts\/307","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/comments?post=307"}],"version-history":[{"count":7,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/posts\/307\/revisions"}],"predecessor-version":[{"id":7674,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/posts\/307\/revisions\/7674"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/media\/1786"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/media?parent=307"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/categories?post=307"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/tags?post=307"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}