React Rich Text Editor - Insert and Edit Table

Insert, Edit, and Format Tables in Rich Text Editor

Try Our Live Demo

Advanced table editing and layout management in Rich Text Editor

Create structured and professional tables in the React Rich Text Editor with flexible layout controls, advanced table editing features, and rich formatting options for complex content creation and document authoring workflows.

React Rich Text Editor merge, split, and structure cells

Merge, split, and structure cells

Merge and split table cells to create grouped headers and custom table layouts. Cell structure controls are suitable for reports, directories, comparison tables, and other content that requires combined or divided cells.

React Rich Text Editor insert rows and columns on demand

Insert rows and columns on demand

Insert rows and columns at any position while retaining the existing table structure and formatting. Expansion controls are suitable when additional records or data need to be added to existing content.

React Rich Text Editor quick table and cell selection

Quick table and cell selection

Select table cells, rows, columns, or entire tables for editing and formatting operations. Selection controls are suitable when changes need to be applied across multiple table elements.

React Rich Text Editor resize rows, columns, and tables

Resize rows, columns, and tables

Resize table rows, columns, or entire tables directly within the editor using drag controls. Resize settings are suitable when table dimensions need to be adjusted for different content or layout requirements.

React Rich Text Editor quick table and cell formatting

Table cell formatting

Format individual table cells with text alignment, borders, background colors, padding, and vertical alignment. Cell formatting is suitable when selected table areas require specific alignment, spacing, or visual emphasis.

React Rich Text Editor resize rows, columns, and tables

Advanced table formatting

Customize table-level alignment, sizing, borders, and spacing across an entire table. Table formatting is suitable when the overall table layout and appearance need to follow specific document requirements.

See Why Developers Love Syncfusion

Our Customers Love Us

Having an excellent set of tools and a great support team, Syncfusion reduces customers’ development time. Here are some of their experiences.

Frequently Asked Questions

Yes. The React Rich Text Editor supports merging two or more selected table cells into a single cell. Selected cells can also be split horizontally or vertically to adjust the table structure.

Yes. The React Rich Text Editor supports resizing table columns by dragging cell borders. Table width and individual cell dimensions can also be configured through the available table properties.

Yes. The React Rich Text Editor supports table-level alignment, sizing, borders, and spacing. Individual cells can also be formatted separately when different styling is required within the same table.

Yes. The React Rich Text Editor allows rows and columns to be inserted anywhere in a table without affecting existing formatting. The contextual quick toolbar displays insertion options when a table is selected.

Yes. The React Rich Text Editor supports alignment, borders, background colors, padding, and sizing for individual table cells. Cell properties can be applied to single or multiple selected cells.

Yes. The React Rich Text Editor provides a table quick toolbar with contextual editing actions. It can include options for rows, columns, alignment, table properties, deletion, and cell merge or split operations.

Resources

Learn more about our React Rich Text Editor

Explore demos, KB articles, and documentation to get the most out of the React Rich Text Editor.

Documentation

Explore guides, APIs, and quick-start tips

Example demos

See live use cases in action

Community forum

Ask, share, and connect with peers

Knowledge base articles

Find solutions and best practices fast

Contact support

Get expert help when needed

Feature requests and bug reports

Track issues and suggest improvements

Awards

Greatness—it’s one thing to say you have it, but it means more when others recognize it. Syncfusion® is proud to hold the following industry awards.

Up arrow icon
Syncfusion Feedback