myfamilyweb

Greg Schaub

Dynamic Tables is a powerful WordPress table block for creating responsive, presentation-focused tables with intuitive inline editing. Anyone familiar with spreadsheets will quickly understand how to navigate and format content.
<h3>Highlights:</h3>
<ul>
<li>Fully responsive — tables maintain alignment and readability across all screen sizes</li>
<li>Navigate and edit cells using familiar, spreadsheet-style keyboard controls and contextual menus</li>
<li>Native Gutenberg block — no page builders or external dependencies required</li>
<li>Build structured tables directly in the block editor with full control over rows and columns</li>
<li>Precisely control column widths, row heights, header rows, and grid line styling</li>
<li>Support for column-specific data types including text, numbers, and date/time values</li>
<li>Built with multisite in mind, with per-site activation support</li>
</ul>
Whether you’re building comparison tables, product listings, directory lookup tables or publishing data-rich content – Dynamic Tables gives you a simple, elegant solution.
<h3>Key Features</h3>
<ul>
<li>Gutenberg native block: Dynamic Tables</li>
<li>Use arrow keys, tab, and enter to move between cells</li>
<li>Menus and keyboard shortcuts support the ability to add, move and delete columns and rows</li>
<li>Adjustable column widths and row heights</li>
<li>Support for column specific content types (e.g., rich text, date, time, number, etc.)</li>
<li>Header row support with formatting independent from the table body</li>
<li>Inline editing of cell content</li>
<li>Import CSV files and allow them to be attached to new dynamic table blocks</li>
<li>Copy/cut/paste support for individual cells within a table</li>
<li>Fully responsive: tables scale, wrap and adapt to mobile screens</li>
<li>Clean semantic HTML output for SEO and accessibility</li>
<li>Lightweight footprint and compatible with modern themes</li>
<li>Table export for backup purposes</li>
</ul>
<h3>Why Choose Dynamic Tables over other table blocks?</h3>
Dynamic Tables is designed specifically for tables that require ongoing updates, consistent structure, and reliable responsive behavior. It is an ideal option if your use case goes beyond basic layout tables and into repeatable, data-oriented content. Dynamic Tables provides a purpose-built solution that stays fully native to the block editor.
<h3>Roadmap</h3>
Some roadmap highlights include:
<ul>
<li>Adding more content types and formats for all rows in a column (e.g., checkboxes, images, links, buttons, etc.) without the need to format each cell</li>
<li>Undo/redo support</li>
<li>Importing in common formats (e.g., csv, xlsx)</li>
<li>Enhance copy/paste support</li>
<li>Enhanced responsive formatting for mobile devices</li>
<li>Integrating Dynamic Tables with WordPress search</li>
<li>Support for front end interactivity to sort and filter tables</li>
<li>Front end editing</li>
</ul>
<h3>For WordPress Developers</h3>
Dynamic Tables uses a unique architecture designed to provide power and flexibility for developers while remaining fully transparent to users. Table definitions and content are stored in custom WordPress database tables rather than post content, enabling a more structured and extensible data model. These are the primary building blocks: 
* Table data and definitions are abstracted through block entity types 
* Entities natively call RESTful APIs 
* An underlying WordPress REST API service supports the loading and saving of table data 
* The service interacts with a highly abstracted SQL layer which leverages WordPress WPDB 
* The tables themselves leverage the newer CSS grid framework 
 * Much of the flexibility is derived from grid functionality that has been incorporated into mainstream web browsers in the past few years 
 * This framework provides responsiveness that doesn’t “break” table structure. Misaligned rows and columns, unexpected wrapping, and otherwise indecipherable tables have been beaten down. 
* The API architecture will eventually support data stored in external files or web services. We’re considering these capabilities in our roadmap.

Dynamic Tables

Responsive table blocks with intuitive keyboard navigation, familiar spreadsheet-style interactions, and advanced formatting.

wprio

Sayed

RioVizual

Nazmul Asif

sifatsaddam

Tushar Das

RioVizual is the all-in-one Gutenberg table plugin designed for creating comparison tables, pricing tables, and pros & cons boxes directly in the block editor.
It allows you to drag and drop elements to build customizable, responsive & SEO-friendly tables with multiple columns and rows. With advanced styling and formatting options, RioVizual helps enhance user engagement and boost conversion.
<a href="https://riovizual.com/pricing/" rel="nofollow ugc">Get Pro</a> | <a href="https://riovizual.com/blocks/table-builder/demo/" rel="nofollow ugc">View Table Builder Demo</a> | <a href="https://riovizual.com/blocks/pricing-table/demo/" rel="nofollow ugc">View Pricing Table Demo</a> | <a href="https://riovizual.com/blocks/pros-cons/demo/" rel="nofollow ugc">View Pros & Cons Demo</a> | <a href="https://riovizual.com/docs/" rel="nofollow ugc">Read Documentation</a>
<h3>RioVizual Blocks (More Coming Soon!)</h3>
RioVizual includes the following highly customizable Gutenberg blocks:
<ul>
<li>
Table Builder Block: Create fully customizable and responsive tables with drag-and-drop functionality in the Gutenberg editor. <a href="https://riovizual.com/blocks/table-builder/" rel="nofollow ugc">(Learn More)</a>
</li>
<li>
Pricing Table Block: Easily compare pricing plans for your products or services with customizable pricing tables. <a href="https://riovizual.com/blocks/pricing-table/" rel="nofollow ugc">(Learn More)</a>
</li>
<li>
Pros & Cons Block: Highlight the benefits and drawbacks of products or services with attractive pros and cons tables. <a href="https://riovizual.com/blocks/pros-cons/" rel="nofollow ugc">(Learn More)</a>
</li>
</ul>
With RioVizual, you can also access a library of pre-designed table templates, streamlining the process of creating stunning comparison tables, pricing tables, and pros & cons boxes in the Gutenberg block editor.
<h3>Why You Should Use RioVizual?</h3>
Easy Drag-and-Drop Interface: Create comparison tables, pricing tables, and pros & cons boxes in minutes with Gutenberg.
No Coding Skills Needed: Build professional, customizable tables without any coding knowledge.
Extensive Template Library: Choose from 50+ pre-designed templates for quick table creation.
Fully Responsive Design: Ensure tables look great on all devices, from desktop to mobile.
Advanced Customization Options: Customize fonts, colors, borders, and more to match your website’s design.
Optimized for Performance and SEO: Built with clean, optimized code and structured data support.
<h3>RioVizual Table Builder Block Includes</h3>
<ul>
<li>
Drag-and-drop table builder specifically for the Gutenberg block editor.
</li>
<li>
12 versatile table elements (text, image, button, list, icon, shortcode, media & text, icon list, icon button, dual button, star rating, divider) to create dynamic tables in WordPress. (More elements coming soon!)
</li>
<li>
29 pre-designed table templates to jumpstart your table creation process.
</li>
<li>
Right-click options for adding, deleting, copying, cutting, pasting, duplicating, and moving elements.
</li>
<li>
Comprehensive cell manipulation: insert, delete, copy, cut, paste, and more for rows and columns.
</li>
<li>
Design flexibility: style cells and elements individually or in groups.
</li>
<li>
Dynamic cell type adjustment: switch between body, header, or footer cells with ease.
</li>
<li>
Fully responsive design: make tables adapt to different screen sizes automatically.
</li>
<li>
Improved mobile viewing: make tables scrollable or stackable for smaller screens.
</li>
<li>
Customizable cell width: set fixed or flexible widths for all cells.
</li>
<li>
Freeze options: lock the first row or column for better navigation.
</li>
<li>
Cell merging and splitting: merge multiple cells into one or split them back while preserving content.
</li>
<li>
HTML tag customization: switch cell tags between “td” and “th.”
</li>
<li>
Multi-cell selection: use Ctrl to select multiple cells or Shift for selecting a range.
</li>
<li>
Extensive border settings: choose from different border types (solid, dotted, dashed, double, groove, ridge, inset, outset) for each cell.
</li>
</ul>
<h3>RioVizual Pricing Table Block Includes</h3>
<ul>
<li>
25 pre-designed pricing table templates for quick deployment.
</li>
<li>
Responsive column controls for adaptable and mobile-friendly layouts.
</li>
<li>
Flexible row and column management: easily add, delete, or duplicate rows and columns.
</li>
<li>
7 core elements: title, price, features, star rating, divider, media and call-to-action button for compelling pricing tables.
</li>
<li>
Ribbon settings with two preset design options for highlighting offers.
</li>
<li>
Equal column height adjustment to ensure a uniform look.
</li>
<li>
Right-click functionality for quick manipulation of elements (add, delete, copy, cut, paste, duplicate, move).
</li>
<li>
Multi-cell selection for bulk operations.
</li>
<li>
Automatic mobile responsiveness for flawless performance on any device.
</li>
<li>
Custom styling options: personalize each element with global or custom design settings.
</li>
<li>
Pricing Toggle
</li>
<li>
Icon support, Tooltip, Badge with features element
</li>
<li>
Original price, Price Suffix support, Dynamic Price Slider with pricing element
</li>
<li>
Media(img/icon) support with title element.
</li>
<li>
Icon support with button element.
</li>
<li>
Background image support for column.
</li>
<li>
Featured column support.
</li>
<li>
3 more style for ribbon.
</li>
</ul>
<h3>RioVizual Pros & Cons Block Includes</h3>
<ul>
<li>
13 pre-designed templates to easily create pros and cons boxes.
</li>
<li>
Built-in Pros and Cons Schema support to enhance SEO.
</li>
<li>
Icon customization for a personalized look.
</li>
<li>
Customization for box, title, and body.
</li>
<li>
Flexible styling: customize the box, title, and body to match your design.
</li>
<li>
Mobile support: optimized for vertical boxes on small screens.
</li>
<li>
Header and Body Item Icon Placement
</li>
<li>
Title Separator for header
</li>
<li>
Flexible Header Positioning
</li>
<li>
Enable Stripe on Body Items
</li>
<li>
Advanced Border Styles with 8 Stunning Design Pattern
</li>
<li>
Extra Design Flexibility in Style Options
</li>
</ul>
<h3>Creating Tables in the Gutenberg Block Editor Has Never Been Easier</h3>
Creating tables like comparison tables, pricing tables, and pros & cons tables with a WordPress table plugin has never been easier. With RioVizual, it only takes 4 simple steps:
<ul>
<li>Step 1 – Add a RioVizual Block</li>
</ul>
To insert a table into a WordPress post or page, simply add the desired RioVizual block from the Gutenberg block editor.
<ul>
<li>Step 2 – Provide Table Contents</li>
</ul>
Choose to create a table from scratch or use one of the pre-made layouts by entering your table contents.
<ul>
<li>Step 3 – Customize Your Table</li>
</ul>
Customize the table’s columns, colors, fonts, and other settings to match your design preferences. Make adjustments as needed to create a table that perfectly suits your needs.
<ul>
<li>Step 4 – Publish Your Table</li>
</ul>
Once you’re satisfied with the table’s design, click “Publish” or “Update” to make it live on your post or page.
<h3>Helpful Resources</h3>
<ul>
<li><a href="https://riovizual.com/how-to-create-table-in-wordpress/" rel="nofollow ugc">How to Create a Comparison Table in WordPress Gutenberg Block Editor?</a></li>
<li><a href="https://riovizual.com/how-to-create-pricing-table-in-wordpress/" rel="nofollow ugc">How to Create a Pricing Table in WordPress Gutenberg Block Editor?</a></li>
<li><a href="https://riovizual.com/how-to-create-pros-cons-table-in-wordpress/" rel="nofollow ugc">How to Create a Pros & Cons Table in WordPress Gutenberg Block Editor?</a></li>
</ul>
<h3>Love RioVizual?</h3>
<ul>
<li><a href="https://wordpress.org/support/plugin/riovizual/reviews/#new-post" rel="ugc">Rate Us on WordPress</a></li>
<li><a href="https://facebook.com/groups/riovizual/" rel="nofollow ugc">Join RioVizual Users Community</a></li>
<li><a href="https://riovizual.com" rel="nofollow ugc">Visit RioVizual Website</a></li>
<li><a href="https://facebook.com/riovizual" rel="nofollow ugc">Follow RioVizual on Facebook</a></li>
</ul>

RioVizual — Table Blocks for Comparison, Pricing and Pros & Cons

Drag and drop Gutenberg table blocks plugin for WordPress block editor to easily create customizable, responsive tables that boost engagement and conv …

Dynamic Tables vs RioVizual — Table Blocks for Comparison, Pricing and Pros & Cons