--- title: Webwonders Table Editor voor Umbraco description: "Ontdek de Webwonders Table Editor voor Umbraco: meer controle, betere semantiek en volledige stylingvrijheid voor zowel editors als developers." image: https://blog.webwonders.nl/hubfs/Blog/TableEditor/TableAddingColumnsAndRows--LowQual-CP.gif --- [Skip to content](https://blog.webwonders.nl/webwonders-table-editor-voor-umbraco#mainContent) [![Webwonders logo](https://blog.webwonders.nl/hubfs/raw_assets/public/Webwonders_2023/Images/Webwonders-dark.svg)](https://www.webwonders.nl/) [Oplossingen](https://www.webwonders.nl/oplossingen/) [Umbraco](https://www.webwonders.nl/umbraco-cms/) [Hubspot](https://www.webwonders.nl/hubspot/) Menu ▾ [Contact](https://www.webwonders.nl/contact/) - [Ons werk](https://www.webwonders.nl/ons-werk/) - Oplossingen [Oplossingen](https://www.webwonders.nl/oplossingen/) - [Digitale strategie](https://www.webwonders.nl/oplossingen/strategie/) - [Inzicht in jouw klant](https://www.webwonders.nl/oplossingen/klantinzicht/) - [Techniek op orde](https://www.webwonders.nl/oplossingen/techniek/) - [Online impact maken](https://www.webwonders.nl/oplossingen/impact/) - [Wat we doen](https://www.webwonders.nl/wat-we-doen/) - [Werkwijze](https://www.webwonders.nl/werkwijze/) - [Over ons](https://www.webwonders.nl/over-ons/) - [Contact](https://www.webwonders.nl/contact/) # Webwonders Table Editor voor Umbraco ? min read ![](https://blog.webwonders.nl/hubfs/Blog/TableEditor/TableAddingColumnsAndRows--LowQual-CP.gif) Veel websites maken gebruik van tabellen om bijvoorbeeld productdata weer te geven. In Umbraco is hier echter geen echt standaardoplossing voor, behalve een eenvoudige table editor in de Rich Text Editor. De output van deze editor is echter lastig te sturen en schiet vooral tekort op het gebied van toegankelijkheid en flexibiliteit. Daarom hebben wij de Webwonders Table Editor voor Umbraco ontwikkeld. Beschikbaar via de Umbraco Marketplace: [https://marketplace.umbraco.com/package/webwonders.umbraco.tableeditor](https://marketplace.umbraco.com/package/webwonders.umbraco.tableeditor) --- ## Gebouwd vanuit praktijkervaring In onze Umbraco-projecten liepen we regelmatig tegen beperkingen aan bij bestaande table editors. Te weinig instellingen voor editors, rommelige HTML-output of complexe frontend-oplossingen voor iets wat eigenlijk eenvoudig moet zijn. De Webwonders Table Editor is gebouwd vanuit echte projectbehoeften. Geen generieke content-dump, maar een structureel content-element dat geschikt is voor productieomgevingen. ![TableRowSettings](https://blog.webwonders.nl/hs-fs/hubfs/Blog/TableEditor/TableRowSettings.png?width=1425&height=594&name=TableRowSettings.png) ![TableOrderColumnsAndRows--LowQual-CP](https://blog.webwonders.nl/hs-fs/hubfs/Blog/TableEditor/TableOrderColumnsAndRows--LowQual-CP.gif?width=1374&height=566&name=TableOrderColumnsAndRows--LowQual-CP.gif) ## Gebruiksvriendelijk voor editors Editors werken met een intuïtieve table editor in de Umbraco backoffice. **Belangrijkste mogelijkheden:** - Rijen en kolommen toevoegen, verwijderen en herschikken - Instellingen per rij, zoals header rows en onderstreepte rijen - Globale tabelinstellingen: - Kolomkoppen - Rijkoppen - Highlight van lege cellen Zo blijft de inhoud beheersbaar, overzichtelijk en consistent. ![TableGlobalSettings](https://blog.webwonders.nl/hs-fs/hubfs/Blog/TableEditor/TableGlobalSettings.png?width=1415&height=789&name=TableGlobalSettings.png) ## Ontworpen voor developers Voor developers biedt de Table Editor precies wat nodig is: controle en voorspelbaarheid. - Sterk getypeerd table model - Semantisch correcte HTML - Eenvoudige Razor rendering - Standaard rendering inbegrepen - Makkelijk te overriden met eigen Razor views, zonder JavaScript Styling is volledig vrij. De editor past zich aan aan het project, niet andersom. ![TableDeveloperView](https://blog.webwonders.nl/hs-fs/hubfs/Blog/TableEditor/TableDeveloperView.png?width=400&height=399&name=TableDeveloperView.png) ## Installatie & rendering Installatie via NuGet: ``` dotnet add package Webwonders.Umbraco.TableEditor ``` Renderen kan direct met de meegeleverde HtmlHelper: ``` @await Html.RenderTableAsync(Model, "tableEditorAlias") ``` Themes zijn Razor views en eenvoudig aan te passen via: ``` /Views/Partials/Tables/{theme}.cshtml ``` ## Ondersteunde versies - Umbraco CMS 17+ - .NET 10+ ## Conclusie De Webwonders Table Editor is bedoeld voor Umbraco-projecten waar tabellen meer zijn dan alleen rijen en kolommen. Met meer controle voor editors, betere semantiek voor developers en volledige vrijheid in styling. Precies zoals wij graag werken. ![Frans de Jong](https://blog.webwonders.nl/hubfs/Team/WW-teamfoto_lowres-Frans.jpeg) [Frans de Jong](https://blog.webwonders.nl/author/frans-de-jong) Update: 14 jan 2026 Datum: 14 jan 2026 ## Blog Previous slide Next slide ## [![](https://blog.webwonders.nl/hs-fs/hubfs/Blog/TableEditor/TableAddingColumnsAndRows--LowQual-CP.gif?width=360&height=230&name=TableAddingColumnsAndRows--LowQual-CP.gif) Webwonders Table Editor voor Umbraco 14-jan-2026](https://blog.webwonders.nl/webwonders-table-editor-voor-umbraco) ## [![](https://blog.webwonders.nl/hs-fs/hubfs/the-great-migration-in-africa-2025.jpg?width=360&height=230&name=the-great-migration-in-africa-2025.jpg) Umbraco-upgrade? Zo verhuis je slim: nieuwe site én je volledige content, zonder gedoe 12-nov-2025](https://blog.webwonders.nl/umbraco-upgrade-zo-verhuis-je-slim-nieuwe-site-én-je-volledige-content-zonder-gedoe) ## [![](https://blog.webwonders.nl/hs-fs/hubfs/Kameleon-WCAG-1.jpg?width=360&height=230&name=Kameleon-WCAG-1.jpg) Digitale toegankelijkheid: geen bonus, maar basis 28-mei-2025](https://blog.webwonders.nl/digitale-toegankelijkheid-geen-bonus-maar-basis) ## [![](https://blog.webwonders.nl/hs-fs/hubfs/Design%20LI_WW-2024.jpg?width=360&height=230&name=Design%20LI_WW-2024.jpg) Einde van de proeftijd: ACM handhaaft cookieregels 15-mei-2025](https://blog.webwonders.nl/acm-handhaaft-cookieregels) ## [![](https://blog.webwonders.nl/hs-fs/hubfs/Webwonders=umbracocloud.jpg?width=360&height=230&name=Webwonders=umbracocloud.jpg) Webwonders = Umbraco Cloud 20-mrt-2025](https://blog.webwonders.nl/webwonders-umbraco-cloud) ## [![](https://blog.webwonders.nl/hs-fs/hubfs/250109_WW-LI-Umbraco10eol.png?width=360&height=230&name=250109_WW-LI-Umbraco10eol.png) Umbraco 10 nadert End of Life: wat betekent dit voor jouw website? 13-jan-2025](https://blog.webwonders.nl/umbraco-10-nadert-end-of-life) ## [![](https://blog.webwonders.nl/hs-fs/hubfs/Leonardo_Phoenix_A_worn_and_halfbroken_Umbraco_logo_sits_amids_0.jpg?width=360&height=230&name=Leonardo_Phoenix_A_worn_and_halfbroken_Umbraco_logo_sits_amids_0.jpg) Slechte ervaring met Umbraco? Het ligt niet aan het CMS, maar aan de implementatie 26-nov-2024](https://blog.webwonders.nl/slechte-ervaring-met-umbraco) ## [![](https://blog.webwonders.nl/hs-fs/hubfs/Leonardo_Phoenix_A_highcontrast_digitally_created_illustration_1-2.jpg?width=360&height=230&name=Leonardo_Phoenix_A_highcontrast_digitally_created_illustration_1-2.jpg) Umbraco vs Sitecore: de beste CMS-keuze voor MKB en enterprise-bedrijven 24-sep-2024](https://blog.webwonders.nl/umbraco-vs-sitecore) ## [![](https://blog.webwonders.nl/hs-fs/hubfs/Leonardo_Phoenix_A_highcontrast_digitally_created_illustration_1.jpg?width=360&height=230&name=Leonardo_Phoenix_A_highcontrast_digitally_created_illustration_1.jpg) Umbraco vs Kentico: Welk CMS past het beste bij jouw bedrijf? 24-sep-2024](https://blog.webwonders.nl/umbraco-vs-kentiko) ## [![](https://blog.webwonders.nl/hs-fs/hubfs/240917_WW-LI_UmbracoVSwp.jpg?width=360&height=230&name=240917_WW-LI_UmbracoVSwp.jpg) Umbraco vs WordPress: de beste CMS-keuze voor MKB en enterprise-bedrijven 24-sep-2024](https://blog.webwonders.nl/umbraco-vs-wordpress) ## Placeholder Vivamus quis mi. Sed mollis, eros et ultrices tempus, mauris ipsum aliquam libero, non adipiscing dolor urna a orci. Morbi mattis ullamcorper velit. Fusce risus nisl, viverra et, tempor et, pretium in, sapien. Donec vitae sapien ut libero venenatis faucibus. Klokgebouw 262 5617AC Eindhoven Tel. [040 82 00 393](tel:0031408200393) E-mail. [info@webwonders.nl](mailto:info@webwonders.nl) [Wat we doen](https://www.webwonders.nl/wat-we-doen/) [Ons werk](https://www.webwonders.nl/ons-werk/) [Over Webwonders](https://www.webwonders.nl/over-ons/) [Kennis & Blogs](https://blog.webwonders.nl/) [Privacystatement](https://www.webwonders.nl/privacystatement/) [Contact](https://www.webwonders.nl/contact/) [Sitemap](https://www.webwonders.nl/sitemap/) [![facebook icon](https://blog.webwonders.nl/hs-fs/hubfs/facebook-icon-4x.webp?width=47&height=47&name=facebook-icon-4x.webp)](https://www.facebook.com/webwonderseindhoven/) [![instagram icon ](https://blog.webwonders.nl/hs-fs/hubfs/insta-icon-4x.webp?width=47&height=47&name=insta-icon-4x.webp)](https://www.instagram.com/webwonders/) [![linkedin icon](https://blog.webwonders.nl/hs-fs/hubfs/linkedin-icon-4x.webp?width=47&height=47&name=linkedin-icon-4x.webp)](https://www.linkedin.com/company/webwonders/) [![Webwonders logo light](https://blog.webwonders.nl/hubfs/raw_assets/public/Webwonders_2023/Images/Webwonders-light.svg)](https://www.webwonders.nl/) ```json { "@context" : "https://schema.org", "@type" : "BlogPosting", "author" : { "@type" : "Person", "name" : "Frans de Jong", "url" : "https://blog.webwonders.nl/author/frans-de-jong" }, "dateModified" : "2026-01-14T13:42:05.159Z", "datePublished" : "2026-01-14T13:36:16.000Z", "headline" : "Webwonders Table Editor voor Umbraco", "image" : [ "https://blog.webwonders.nl/hubfs/Blog/TableEditor/TableAddingColumnsAndRows--LowQual-CP.gif" ], "mainEntityOfPage" : { "@id" : "https://blog.webwonders.nl/webwonders-table-editor-voor-umbraco", "@type" : "WebPage" }, "publisher" : { "@type" : "Organization", "logo" : { "@type" : "ImageObject", "url" : "https://blog.webwonders.nl/hubfs/Webwonders-dark-1.svg" }, "name" : "Webwonders" } } ```