toshiyuki

This plugin swaps list for table, if a viewer opens a your page with small width display. 
The list for small width display is made from the table which you put in a page with table block editor. You do not need to write list having same contents in table. You can enable this plugin with a simple operation. 
The plugin creates list on browser dynamically. So the list is not exists in your WordPress database. You will edit the table being enabled this plugin, even after you uninstall this plugin.
<h4>Table structure and List structure</h4>
Table has header which each cells are in row towards horizontally. The table body’s each cells related with header cells are in row towards horizontally.
The informations is in row towards horizontally even if you see them with small width device. But other information tends to be in row towards vertically. 
You visit a page, see contents from top to down. It’s natural way to scroll the display vertically. You encounter a table having long rows while scrolling, you have to stop scrolling vertically and, scroll display horizontally. At end of table row, you have to back to the start of row with scrolling and then scroll down again.
It originated in table having horizontal categorized cells arrangement. 
It is not proper for me to keep table structure and show the data vertically. 
It is nice for me to arrange data with list. The list data structure has the kind to arrange data vertically.
<h4>OC Smart Table in background</h4>
OC Smart Table creates list from table on browser side dynamically at opening the page. But list is not visible if the display width is enough to show table. 
If the display width is not enough to show table, swap list for table.
<h3>Usage</h3>
<h4>Enable OC Smart Table (free)</h4>
You put “oc-smart-table” in Additional CSS class(es) at Advanced section on Settings sidebar. You need this operation only when you make editting table active. For example, You put a table with table block editor or click a table block which you put before.
<h4>Enable OC Smart Table</h4>
If you have OC Smart Table standard edition, You click “Enable Smart Table” from other toolbar item in table block editor, then You make the editing table be enabled Smart Table.
You can buy standard edition from <a href="https://ocsoft.base.shop/items/62050748" rel="nofollow ugc">here</a>.
<h4>Inherit colors and styles</h4>
You can make the list which the plugin create having table’s colors and styles. To enable the inheritance, You need to enable option “inherit colors and styles” in Smart table setting in Setting sidebar.

Plugin Name: OC Smart Table (free)

It swaps list for table, if a viewer opens your page with small width display.

DotCamp

Istiak Rayhan

Imtiaz Rayhan

WP Table Builder

Saad

Ultimate Blocks

erdembircan

Zahin Azmayeen

The “Table Block by Tableberg” plugin for WordPress simplifies creating and managing tables within the block editor. It features intuitive sub-blocks, allowing users to add and customize tables easily. 
From pricing tables to product tables, you can build any type of tables using Tableberg. The plugin is designed for both novices and experienced users. It offers advanced functionalities like responsive controls, alignment adjustments, and cell merging, ensuring that tables look great on all devices without the need for coding skills.
<iframe loading="lazy" title="Table Block For WordPress Block Editor - Tableberg" width="750" height="422" src="https://www.youtube.com/embed/TKsL_bUVCTU?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
It comes with the following easy-to-use sub-blocks:
<ul>
<li>Paragraph: Allows for simple text entries within a table cell.</li>
<li>List: Facilitates the addition of organized lists to enhance clarity.</li>
<li>Button: Enables the insertion of clickable buttons for calls to action.</li>
<li>Image: Supports adding images directly into the table cells.</li>
<li>Star Rating (Pro): Provides an option to include interactive star ratings.</li>
<li>Styled List (Pro): Offers lists with additional styling options.</li>
<li>Icon (Pro): Allows for the integration of icons to visually represent concepts or actions.</li>
<li>Ribbon (Pro): Adds decorative ribbons for highlighting special information.</li>
<li>Custom HTML (Pro): Enables the use of HTML for complex customizations.</li>
</ul>
And here are the key features of the Tableberg plugin:
<ul>
<li>Header Settings: Options to disable the header, designate the top row as header, or insert a new header.</li>
<li>Footer Settings: Similar to header settings, with options for the footer including disable, designate, or insert.</li>
<li>Table Width & Alignment: Adjust the overall table width and its alignment on the page.</li>
<li>Responsive Settings: Ensures the table adapts to different device screens (Desktop, Tablet, Mobile) for optimal display.</li>
<li>Color Customizations: Change colors for the header, footer, even and odd rows for better visual hierarchy.</li>
<li>Cell Padding & Cell Spacing: Customize the space within and between cells to improve readability.</li>
<li>Border Options: Set the table border size, color, and decide whether to include inner borders with customization.</li>
<li>Global Font Style: Control the font color, link color, and font size across the entire table.</li>
<li>Column Width & Row Height: Adjust the size of columns and rows to fit content or aesthetic preferences.</li>
<li>Customizations for Each Block: Detailed settings for each type of block inserted into the table.</li>
</ul>
Now let’s see some of the use cases of the Tableberg plugin:
<ul>
<li>Pricing Tables: Ideal for displaying different pricing tiers with clear comparisons of features and costs.</li>
<li>Comparison Tables: Compare products, services, or options side by side to aid decision-making.</li>
<li>Amazon Product Tables: Showcase Amazon products effectively, enhancing affiliate marketing efforts.</li>
<li>Pros & Cons Table: Clearly list the advantages and disadvantages of any item, helping readers make informed choices.</li>
<li>Team Members Table: Display team member information such as roles, bios, and contact info in an organized manner.</li>
<li>Schedule Tables: Perfect for laying out event schedules, class times, or appointment slots.</li>
<li>Restaurant Menu Tables: List menu items along with descriptions and prices in an attractive, easy-to-read format.</li>
<li>More: The plugin’s flexibility supports a wide range of other applications tailored to specific needs.</li>
</ul>
If you have any suggestions or have faced any issues, contact us <a href="https://tableberg.com/contact/" rel="nofollow ugc">here</a>. You can also follow Tableberg on <a href="https://twitter.com/Tableberg" rel="nofollow ugc">Twitter</a>.

Tableberg – Simple Gutenberg Table Block


I used to have to delve in to custom css codes to create tables that were responsive using grid and flex. Now I may do so straight from the Gutenberg editor. What a major convenience. Great plugin.


Fast and Easy Table Creator

Table Block For the Block Editor. Craft Beautiful Tables With Ease.

Plugin Name: OC Smart Table (free) vs Tableberg – Simple Gutenberg Table Block