Tables Extension

Add rich, interactive tables into your documents with rows, columns, headers, and full keyboard navigation.

Usage

The Table suite consists of Table, TableRow, TableHeader, and TableCell extensions. Edra integrates these custom extensions directly into its default configuration.

Keyboard Shortcuts & Commands

The table extension supports intuitive keyboard navigation and a set of command chains to programmatically alter table layout:

• insertTable({ rows, cols, withHeaderRow }): Inserts a new table at the current cursor position.
• addColumnBefore() / addColumnAfter(): Adds a column to the left or right of the active cell.
• deleteColumn(): Removes the current column.
• addRowBefore() / addRowAfter(): Adds a row above or below the active cell.
• deleteRow(): Removes the current row.
• deleteTable(): Removes the entire table.

Styling

Edra applies custom borders, spacing, and header styling inside editor.css so that tables match your theme out of the box (with horizontal borders, row highlights, and clean padding).