RioVizual: WordPress Table Block Plugin

Drag and drop table block plugin to create customizable & responsive tables effortlessly.

RioVizual is a table block plugin that allows you to easily create and customize tables within the WordPress Gutenberg block editor.

With this plugin, you can create responsive tables with various numbers of columns and rows, as well as customize the table styling and formatting options.

This plugin offers a simple and user-friendly way to create professional-looking comparison tables, pricing tables for your website.

Key Features

  • Drag and drop table builder for block editor.

  • 3 Elements (text, image, button) to create table in Gutenberg editor.

  • Options to add, delete, copy, cut, paste, duplicate, and move via right click on elements.

  • Basic cell manipulation operations such as insert, delete, copy, cut, paste, and more for rows and columns.

  • Ability to design cells and elements individually or in groups.

  • Ability to change the type of a cell from a body cell to a header or footer cell, and vice versa.

  • Ability to make the table responsive to different screen sizes.

  • Ability to make the table scrollable or stackable for better viewing on small screens.

  • Ability to set a fixed or flexible width for all cells in the table.

  • Option to set/freeze the first row or column in the table.

  • Option to merge multiple cells into one and split cells that have been merged.

  • Ability to preserve the content of cells when they are merged.

  • Option to change the HTML tag of a cell from “td” to “th”, and vice versa.

  • Hold the Ctrl key to select multiple cells. Hold Shift key to select range.

  • Settings for different border types (e.g. solid, dotted, dashes, double, groove, ridge, inset, outset) for each cell in the table.

This section describes how to install the plugin and get it working.

e.g.

  1. Upload the plugin files to the /wp-content/plugins/riovizual directory, or install the plugin through the WordPress plugins screen directly.
  2. Activate the plugin through the ‘Plugins’ screen in WordPress
Can I add formatting to my table?

Yes, the plugin offers various formatting options such as font size, background color, and border styles.

How many columns and rows can I add to my table?

You can add as many columns and rows as you need.

Can I import data from an external source to create a table?

Not at this time, but this feature is planned for a future release.

1.0.2

  • Introduced: Button element
  • Improved: Style reset option for different devices

1.0.1

  • Introduced: Drag and Drop feature with elements
  • Added: Block preview image
  • Improved: Border preview value for different devices
  • Improved: Box shadow preview value for different devices

1.0.0

  • Initial release
  1. Creating new table

    Creating new table

  2. Control table with flexiable cell settings

    Control table with flexiable cell settings

  3. Add elements into table

    Add elements into table

  4. More table controls via right click

    More table controls via right click

  5. Control over multi cells via right click

    Control over multi cells via right click

  6. Advanced table styling UI

    Advanced table styling UI

  7. Advanced elements style UI

    Advanced elements style UI

  8. Advanced table style

    Advanced table style

  9. Advanced cells style

    Advanced cells style

  10. Add text content settings

    Add text content settings

  11. Advanced text style

    Advanced text style

  12. Upload image content settings

    Upload image content settings

  13. Advanced image style

    Advanced image style

  14. Demo table 1 by riovizual

    Demo table 1 by riovizual

  15. Demo table 2 by riovizual

    Demo table 2 by riovizual

  16. Demo table 3 by riovizual

    Demo table 3 by riovizual