How do I add and edit a table?

How do I add and edit a table?

Tables in Loree help you organize content clearly using rows and columns. You can create, edit, style, and manage tables easily using both table-level and cell-level controls.

Adding a Table

Steps to create a table
  1. Open the Loree editor
  2. From the left navigation menu, go to Layout Elements
  3. Click Table
  4. The Add Table dialog opens

    Add Table options

  5. Number of rows—Choose how many rows you need
  6. Number of columns—Choose how many columns you need
  7. Include row header—Adds a header column on the left
  8. Include column header—Adds a header row at the top
  9. Table caption (mandatory) – A label shown below the table
  10. Click "Add table" button to insert it into the page.


Editing Table Content

1. Editing Text Inside a Cell
  1. Click inside any table cell.
  2. Remove the placeholder text “Insert text here.”
  3. Start typing your content directly.
  4. Supports normal text typing, rich text formatting, and inline editing.



2. Adding More Content to a Cell
  1. Click on the required table cell.
  2. Click the ➕ (Plus) icon inside the cell.
  3. The left navigation panel will open automatically.
  4. Choose the content type you want to add, such as: Text,Image,Video,Audio,Document,Divider,Icon with text,Source format,Embed URL 
  5. You can mix text and media within the same cell for richer content.



Adding and Removing Rows & Columns

Add rows or columns



  1. Hover over a cell
  2. Click the ➕ Add icon
  3. Choose one:
    Add row above
    Add row below
    Add column left
    Add column right


Notes
 These actions work relative to the selected cell.
Delete rows or columns
  1. Select a cell, row, or column
  2. Click the  Delete icon
  3. It will remove the selected structure only


Table-Level Settings (Whole Table)

When you click anywhere inside a table, a table icon appears on the left side. Click this icon to access the table-level settings options. (Refer to the below Gif for the functionality of the table setting features)
Available table settings:

Size
SpaceAlignmentColorBorder
Border Behaviour
Set table width (percentage-based, e.g., 100%)

Change margin and padding space.

Align table: Left, Center, or RightBackground color for the entire tableUser can change border color, width, style. Toggle border collapsing for cleaner or separated borders

Hide Border removes all visible borders from the table while keeping the layout and content intact.










Cell Property (Cell / Row / Column Styling):

Click a cell, then choose Cell Property from the inline mini-menu.
Selection options
  1. Select entire row
  2. Select entire column
Info
Styling applies based on what you select: Single cell , Entire row , Entire column
Cell-level controls

Space

Padding inside selected cell(s)

Color

Background color for selected cells

Font
  1. Font family
  2. Font size
  3. Font weight
  4. Font style (Normal, Italic, Oblique)
Border
  1. Border color
  2. Border width
  3. Edit each side
  4. Border styles: Solid, Dashed, Dotted, Double

Merging and Splitting Cells

Loree allows you to merge multiple cells into one or split them back whenever needed. This is useful for headings, grouped data, or layout customization.

Combine two or more adjacent cells into a single cell.
  1. Select two or more adjacent cells
  2. The inline cell toolbar appears
  3. Click the Merge Cells icon
  4.  The selected cells are merged into one larger cell
Restore merged cells back to individual cells.

  1. Click on a merged cell
  2. The inline toolbar appears
  3. Click the Split Cells icon
  4.  The merged cell is split back into original cells
  5. Each cell becomes editable again