Table Block Example

The  Table block  is developed for the EDS website using the Adobe Universal Editor. This block allows users to create and display tabular data in an organized and user-friendly layout, ensuring information is both accessible and visually clear. Whether it's for comparing features, showcasing product specs, or organizing detailed content, the Table block enhances the user experience by presenting data in a structured, easy-to-read format.

<span>HEllo</span>

Features:

• Customizable Table Layout
• Responsive Design
• Interactive re-ordering using WYSIWYG editor
• Simplified authoring experience

Limitations:

• The fields for Cell Values are native text fields and can hold text values. For rich text, a workaround is built within this block but would require the HTML code to be authored. For example, if you want to make a text bold, then its needs to be authored as <strong>This is bold content</strong>
• Empty cell values needs be authored as &nbsp;
• For text containing comma, literal needs to be escaped with backward slash (\). Ex; Tall \, Taller \, Tallest
• Merge cells not available

Pro-tip:

• To generate HTML from rich text, you can use the tool wordhtml.com, which will help you transform RTE content to HTML.
• You can copy / paste the generated HTML into the cell value and the block will render as RTE content

table-header

Alphabet,Code,Place,Continent,New column

table-row

A,Apha,Austria,Europe,Value A

table-row

B,<p>This content here is example where you can make text&nbsp;<strong>Bold\,&nbsp;</strong><em>Italic&nbsp;</em>and&nbsp;<u><span style="text-decoration: underline;">Underline</span></u><em>.</em></p><p>An example of a&nbsp;<a title="Google.com" href="https://www.google.com/" target="_blank">hyperlink</a> as well.</p>,Belgium,Europe,Value B

table-row

D,<p>&nbsp; </p>,Denmark,Europe,Value C

table-row

E,Eager,England,Europe\, Asia,&nbsp;

table-row

D

table-row

One

Hello Table

Test table using multi richtext

table-header

S. No