Tables and tabular data

Tomas Nosek, Carlo Vinci

3 minutes

Linked items / Components / Custom elements / Rich text (formatting) / Content model

Unlike with traditional CMSs, you have multiple options to present data effectively with Kontent.ai. This article explores various methods for creating tables that are not only visually appealing but also enhance the user experience. Dive in to discover the best approach for displaying your data in a clear and accessible way.

Pros	Cons
Easiest to use for content creators (cells visible to creators, no need to make modeling decisions) Doesn’t require any changes toward the traditional page-first mindset Doesn’t require configuration or custom development	Too simple for complex tables (for example, not cell merging, styling, or width adjusting) Only text and images can be added to the table, no components

Pros	Cons
Covers more complex scenarios Can be displayed as tables, CSS grids, or any other way – it’s a JSON object to be processed Allows content reuse and nesting Cells can include any content based on the model configuration Easy re-ordering of content Doesn’t require any changes toward the traditional page-first mindset	Requires configuration and development of how tables will be resolved

Pros	Cons
All advanced features of your integration, no restriction by the Kontent.ai platform Possibility to have a full visual editing experience for content creators Doesn’t require any changes toward the traditional page-first mindset	Requires complex configuration and development The integration will likely render HTML, which will then be returned in the JSON API response Support for the 3rd-party editing by its vendor

Tables and tabular data

Approach A: Model data, display tables

Approach B: Default rich-text tables

Approach C: Modeled tables

Approach D: 3rd-party tables

Why is this important?

Available solutions with Kontent.ai

Pros	Cons
One data entry serves different display purposes, which saves creation time