Webwonders Table Editor voor Umbraco
? min read
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
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.
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.
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.
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.
