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



    • Related Articles

    • How do I add and edit course elements?

      Learn how to effortlessly add and edit course elements in Loree Design Loree Landing Page Once Loree has been successfully configured, you can access it through Canvas Course Navigations. Simply locate "Loree" on the left-hand side navigation bar, ...

    • How do I add text?

      This element can be used to add text to the page. Text Selecting the Text element will give you five options as detailed in the image below: Header Paragraph Heading with paragraph QuoteBlock Header The header option allows the user to add a text ...

    • How do I add an image?

      Image The Images option provides multiple pre-defined layouts to easily add images, text, or a combination of both to your page. Selecting one of these options will place the content into the chosen column. Here’s a breakdown of each available ...

    • Release notes for Loree - Canvas A2202.10

      Loree Issues while Adding items in the Navigation menu As a Loree user, When we add an item to the navigation menu. The newly added items are having different font family than the existing menu item, The Language ISO code is different from the ...

    • Layout Elements

      The "Layout Elements"section provides essential tools for structuring content effectively. These elements help organize and present information in a clear and visually appealing manner. Available Layout Elements: Table: Used for displaying data in a ...