Boone Gorges

Here’s how I recommend using the class.
<ol>
<li>Either activate this plugin, or include the class in your own plugin file.</li>
<li>When you start to render the page with the post list, define some columns and then instantiate the class: 
$cols = array( 
 array( 
 ‘name’ => ‘restaurant_name’, 
 ‘title’ => ‘Restaurant Name’, 
 ‘css_class’ => ‘restaurant-name’, 
 ‘is_default’ => true 
 ), 
 array( 
 ‘name’ => ‘cuisine_type’, 
 ‘title’ => ‘Cuisine Type’, 
 ‘css_class’ => ‘cuisine-type’, 
 ‘default_order’ => ‘desc’ 
 ) 
); 
$sortable = new BBG_CPT_Sort( $cols );</li>
<li>As you render your table, you can use all sorts of fun methods to create column headers. Example:</li>
</ol>
 have_columns() ) : ?> 
 have_columns() ) : $sortable->the_column() ?> 
 <th class="the_column_css_class() ?>”> 
 <a href="the_column_next_link( ‘url’ ) ?>”>the_column_title() ?></a>
 …

Boone's Sortable Columns

A handy, extensible class for adding sortable columns your custom post type lists.

Sayed

wprio

Tushar Das

RioVizual

sifatsaddam

Nazmul Asif

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 …

Boone's Sortable Columns vs RioVizual — Table Blocks for Comparison, Pricing and Pros & Cons