Froala Editor - Tables

 Link: https://support.brilliantdirectories.com/support/solutions/articles/12000073188

The site administrator or designer can leverage the built-in table functionality within the Froala Editor to seamlessly add and style content on static web pages. This versatile feature is also available for designing and customizing email templates, ensuring a cohesive and professional look across both web and email platforms.

The content can be edited in 2 different ways:

Admin Froala Editor Options

These are available when selecting all the page content, including what is inside and outside of the table.

For more information about Froala Editor options go here: Everything About Froala WYSIWYG Text Editor

Using the Froala Table Options

These apply for the columns, rows and cells.

The available options to edit are explained below:

Move Content Block

This user-friendly feature that gives the ability to move content blocks, including tables, seamlessly across the page. By highlighting the table, users can reposition it within the content without needing to cut and paste. This feature is particularly helpful for quickly reorganizing layouts during editing.

Clone Content Block

This allows users to effortlessly duplicate a table and its contents. This is particularly useful when there is a need to reuse a similar table structure or data across different sections of the page without having to recreate it manually.

Columns and Rows

These options makes it easy to add, delete, and customize columns and rows in a table, offering full control over the table's structure and layout. This feature ensures that users can adjust their tables dynamically as their content evolves.

Merge Cells

This allows users to combine two or more adjacent cells within a table into a single, larger cell. This is especially useful for creating more complex table layouts or organizing content in a visually appealing way.

Background Color

This feature that allows users to enhance table aesthetics by applying colors to individual cells, entire rows, or columns. This feature is particularly useful for creating visually appealing tables, emphasizing important data, or categorizing information.

Insert an Image

This allows users to insert images directly into table cells, making it possible to combine text, visuals, and data in a structured format. This feature is especially useful for creating product catalogs, visual data presentations, or multimedia-rich tables. For more information, click on this article  How to Post Images On WYSIWYG Editors

Vertical Alignment

This allows users to adjust the position of content within a table cell, offering flexibility to align text, images, or other elements at the top, middle, or bottom of the cell. This ensures a polished and professional appearance for table layouts.

Horizontal Alignment

This allows users to precisely position content within table cells along the horizontal axis. Whether it's working with text, images, or other elements, this feature provides options to align content to the left, center, right, or justify it across the cell.

Cell Style

This offers advanced customization options for table cells, allowing the editor to adjust padding for different visual effects and control the visibility of cells across various devices (mobile, tablet, or desktop). This flexibility ensures that the tables are not only visually appealing but also responsive to different screen sizes.

Image Style

This option is to apply various styles and effects to images embedded in tables. The editor can adjust the shape, size, and behavior of images, ensuring they align with the design preferences and are responsive across different devices.

Remove Table

This allows the users to quickly delete an entire table from the page. This is especially useful when there's no longer a need for a table or want to replace it with a different layout.

To learn more about Froala tables, please read this article: Web Page Builder: How Tables, Columns and Rows Behave on Mobile Devices