Syncfusion Feedback

React Rich Text Editor - Insert and Edit Table

Insert, Edit, and Format Tables in Rich Text Editor

Try Our Live Demo

Trusted by the world's leading companies

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 structured layouts with grouped headers and organized content. Use them to build financial reports, HR directories, comparison tables, and other documents that require flexible, well-organized table structures.

React Rich Text Editor insert rows and columns on demand

Insert rows and columns on demand

Insert rows and columns at any table position while preserving existing table structure and formatting. Use them to expand financial reports, project plans, comparison tables, and business documents as new records, tasks, and data are added over time.

React Rich Text Editor quick table and cell selection

Quick table and cell selection

Select table cells, rows, columns, or entire tables to perform editing and formatting operations efficiently. Use table selection to streamline bulk updates, apply consistent formatting, and manage complex tables across business and technical documents.

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 for precise layout adjustments. Use it to improve readability, create balanced table layouts, and optimize reports, financial statements, and business documents for different viewing experiences.

React Rich Text Editor quick table and cell selection

Table cell formatting

Format individual table cells with text alignment, borders, background colors, padding, and vertical alignment. Use it to highlight important information, improve table readability, and create structured layouts for reports, invoices, schedules, and business documents.

React Rich Text Editor resize rows, columns, and tables

Advanced table formatting

Customize table-level alignment, sizing, borders, and spacing to create consistent layouts across entire tables. Use it to maintain a uniform appearance, reinforce branding, and standardize tables across reports, review documents, and structured content.

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 adjacent cells for structured headers and splitting cells to expand content. Merged cells produce clean semantic HTML output, and the operation is fully reversible so authors can restructure tables as data evolves.

Yes. The React Rich Text Editor supports resizing rows, columns, and entire tables with visual drag controls. Resized dimensions persist in the saved document and render consistently across browsers without custom CSS.

Yes. The React Rich Text Editor supports alignment, size, borders, and spacing for full table formatting. Authors can apply consistent table styles while allowing individual cells to be formatted separately when needed.

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, colors, and spacing for individual cells. Authors can highlight specific values or differentiate header rows without overriding the rest of the table.

Yes. The React Rich Text Editor shows a quick toolbar when a table is selected for fast editing. The contextual toolbar exposes merge, split, insert row, insert column, delete, and alignment actions so authors can perform common operations without leaving the keyboard flow.

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

See Real Success Stories

Developers around the world trust Syncfusion’s Essential Studio to simplify complex projects and speed up delivery. With a vast library of UI controls, powerful SDKs, and reliable support, Essential Studio helps teams build enterprise-ready applications with confidence.

Read Our Customer Stories

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