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
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.
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.
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 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
Umbraco CMS 17+
.NET 10+
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.