DoubleShore Table

A self-contained Umbraco table property editor for building accessible data tables, with header/footer/column-header toggles, rich-text cells, and CSV import. Fully owned by Double — it does not depend on any third-party table package.

Features

• Grid-based table editor with rich-text content in each cell.
• Configurable "use first row as header", "use first column as header", and "use last row as footer" toggles (each can be enabled or disabled per data type).
• CSV import to populate a table quickly.
• Accessible output, including a table caption.
• Value stored as JSON with a property value converter for rendering in views.

Requirements

• Umbraco 17
• .NET 10

Installation

dotnet add package DoubleShore.Kit.Table

The property editor and its backoffice UI register automatically once the package is installed — no manual configuration is required.

Usage

1. In the Umbraco backoffice, go to Settings → Data Types and create a new data type.
2. Choose DoubleShore Table as the property editor.
3. On the data type configuration, enable or disable the header/footer toggles you want editors to have access to.
4. Save the data type, then add it as a property on any document type.

Editors can then build tables, edit cell content, and import data from CSV. The stored value is exposed to your published models through the package's property value converter.

License

MIT