--- title: "Angular Block Editor Now Supports Table Blocks in 2025 Volume 4" published_at: "2025-12-22T17:49:29+00:00" modified_at: "2025-12-29T07:19:56+00:00" url: "https://www.syncfusion.com/blogs/post/table-block-angular-block-editor" excerpt: "Learn how to use the Table Block in Angular Block Editor with advanced features, quick actions, and keyboard shortcuts for a seamless editing experience." taxonomy_category: - "Angular" - "Block Editor" - "Rich Text Editing" - "Table Block" - "Web Development" - "What's new" taxonomy_post_tag: - "Angular" - "Block Editor" - "Content Editing" - "Release Updates" - "Table Block" - "UI Components" - "What's New" --- # Angular Block Editor Now Supports Table Blocks in 2025 Volume 4 [Thangavel E](https://www.syncfusion.com/blogs/author/thangavele) ![Angular Block Editor Gets Table Block Support: Key Features & Benefits](https://www.syncfusion.com/blogs/wp-content/uploads/2025/12/Angular-Block-Editor-Gets-Table-Block-Support-Key-Features-Benefits.jpg) **TL;DR:** Struggling with structured content in Angular? The Table Block in Angular Block Editor brings dynamic tables, quick actions, and keyboard shortcuts, making rich text editing smarter and faster. We’re thrilled to announce a major new addition to the Syncfusion [Angular Block Editor](https://www.syncfusion.com/angular-components/angular-block-editor) : The **Table block**! Now available in our [2025 Volume 4 release](https://www.syncfusion.com/products/whatsnew) , this feature brings powerful, structured data handling directly into your block-based editing experience. Designed with inspiration from collaborative editing tools such as Microsoft Loop, the Table block balances structure and flexibility, allowing users to organize tabular content while preserving the simplicity of block-based authoring. Well suited for project planning, data compilation, wikis, and documentation, the Table block functions as a dedicated block type that supports rich content and intuitive table management without breaking the editing flow. Here’s what the Table Block looks like. ![Table Block in Angular Block Editor](https://www.syncfusion.com/blogs/wp-content/uploads/2025/12/Table-Block-in-Angular-Block-Editor.png) Table Block in Angular Block Editor ## Key features of the Table Block ### Rich Text inside Table Cells In the Table block, every cell behaves like a mini rich text editor. This means you’re not limited to plain text inside table cells; you can format the content just like you would in the main editor body. Here’s what you can do inside a cell: - **Format text** with ** bold**, *italic*, underline, and other inline styles. - **Add hyperlinks** to documentation, tickets, or external resources. - **Mention teammates** using **@username** (for example, **@john**) to assign tasks or draw attention in shared documents. This makes tables far more expressive and useful than traditional static grids. ### Slash menu inside Cells One of the most powerful features of the Table block is that it brings the **slash menu directly into table cells**. Simply type **/** inside any cell to open the familiar menu. From there, you can insert: - Bulleted or numbered lists - Headings and quotes - Code blocks and images - Other supported elements All without leaving the table. This lets you build rich, structured content inside a single cell, keeping related information grouped exactly where it belongs. The image below shows the slash menu in action inside a table cell. ![Slash Menu in Table Block](https://www.syncfusion.com/blogs/wp-content/uploads/2025/12/Slash-Menu-Integration-Inside-Table-Cells-feature-in-Angular-Block-Editor.png) Slash Menu in Table Block ### Header support Headers are handled automatically, so your tables are clear and accessible from the start. When you create a new table, the first row is styled as a header by default. This gives it stronger visual emphasis and improves accessibility for screen readers. If you don’t need a header, you can toggle it off from the table settings and turn it back on later without losing any content. ### Quick Actions for faster editing Quick Actions make everyday table editing feel effortless. When you hover over a row or column, small **dot (•)** and ** plus (+)** icons appear: - Click the **plus (+)** icon to add a new row or column exactly where you need it. - Click the **dot (•)** icon to select an entire row or column. - Hold **Shift** to select multiple rows or columns at once. Once selected, a contextual menu appears automatically, letting you delete or modify selections in just a click or two. Here’s a quick look at how easy it is to add a new column using Quick Actions. ![Quick Actions in Table block](https://www.syncfusion.com/blogs/wp-content/uploads/2025/12/Quick-Actions-feature-in-Angular-Block-Editor.png) Quick Actions in Table block ### Keyboard-friendly and accessible by design If you prefer working with the keyboard or rely on assistive technologies, the Table block has you covered. - Use **arrow keys** to move between cells. - Hold **Shift + arrow keys** to select multiple cells. - Press **Tab** or ** Shift + Tab** to move through cells in reading order. - Use **Backspace** or ** Delete** to clear content in the current cell or across a selection. These shortcuts make editing faster and ensure the Table block remains accessible for all users. ## Upcoming Block Editor enhancements Here’s a sneak peek at what’s coming next for the Angular Block Editor. These upcoming enhancements will focus on making tables more powerful, collaboration smoother, and content more expressive while keeping the editing experience intuitive and flexible. ### What’s coming to the Table Block - **Drag-and-drop reordering** You’ll be able to reorder rows and columns using simple drag-and-drop gestures or keyboard shortcuts. This will make it easy to reorganize table data without relying on copy-and-paste or rebuilding content from scratch. - **Advanced Column types** To bring more structure and meaning to table data, the Table block will introduce specialized column types, including: - - **Mentions:** You’ll be able to tag teammates using **@mentions** to assign ownership or draw attention. - **Labels:** Color-coded tags will help group and categorize information at a glance. - **Number and date:** Numeric and date values will be automatically validated and formatted. - **Custom types:** You’ll be able to define your own column types to support custom workflows. These additions will make tables smarter and easier to manage as they grow. - **Aggregations and Footer Row** A dedicated **footer row** will enable you to display totals, averages, and other aggregations, making it easier to summarize and analyze table data directly within the editor. - **Sorting and filtering** Built-in sorting and filtering capabilities will allow you to organize columns alphabetically or numerically and create focused views, especially useful when working with large datasets. - **Collaboration and content enhancements** In addition to table-focused updates, several upcoming features will enhance collaboration and rich content creation across the editor. - **Real-time collaborative editing** You’ll be able to edit together in real time, with changes from collaborators appearing instantly. Support for low-latency updates and offline scenarios will help teams work smoothly on shared documents. - **Comment support** Threaded comments will allow you to leave feedback on blocks or selected text ranges. You’ll be able to mention users, resolve discussions, and manage visibility using role-based permissions. - **Video & audio support** Support for video and audio content will let you embed or upload media directly into the editor, ideal for tutorials, presentations, walkthroughs, and interactive documents. ## Conclusion Thank you for being part of our developer community! The 2025 Volume 4 update for the Syncfusion [Angular Block Editor](https://www.syncfusion.com/angular-components/angular-block-editor) introduces the powerful new Table block, delivering advanced features and intuitive enhancements that elevate structured content creation. From rich text support in cells and dynamic row and column management to slash menu integration, quick actions, and seamless keyboard navigation, this release is designed to help you build more flexible and user-friendly block-based editing solutions. For a hands-on look, explore our [online demo](https://ej2.syncfusion.com/angular/demos/#/tailwind3/block-editor/template-gallery) and [documentation](https://ej2.syncfusion.com/angular/documentation/block-editor/built-in-blocks/table-block) of the Angular Block Editor. You can check out our [Release Notes](https://help.syncfusion.com/common/essential-studio/release-notes/v32.1.19) and [What’s New](https://www.syncfusion.com/products/whatsnew) for the other updates in this release and provide your feedback in the comments below. If you’re a Syncfusion user, you can download the setup from the [license and downloads](https://www.syncfusion.com/account/downloads) page. Otherwise, you can download a [30-day free trial](https://www.syncfusion.com/downloads) . You can also contact us through our [support forum](https://www.syncfusion.com/forums) , [support portal](https://support.syncfusion.com/) , or [feedback portal](https://www.syncfusion.com/feedback/maui) for queries. We are always happy to assist you! ## Related Blogs [Syncfusion Essential Studio 2025 Volume 4: Key Updates for Developers](https://www.syncfusion.com/blogs/post/essential-studio-2025-volume-4) [What’s New in Spreadsheet Editor SDK — 2025 Volume 4](https://www.syncfusion.com/blogs/post/spreadsheet-editor-sdk-2025-vol4-updates) [What’s New in 2025 Volume 4: .NET MAUI](https://www.syncfusion.com/blogs/post/whats-new-2025-volume-4-dotnet-maui) [Essential Studio 2025 Volume 4: What’s New in PDF, Word, Excel & PowerPoint Libraries](https://www.syncfusion.com/blogs/post/whats-new-document-sdk-2025-volume-4)