toshiyuki

<p>This plugin swaps list for table, if a viewer opens a your page with small width display.<br />
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.<br />
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.</p>
<h4>Table structure and List structure</h4>
<p>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.</p>
<p>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.<br />
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.</p>
<p>It originated in table having horizontal categorized cells arrangement.<br />
It is not proper for me to keep table structure and show the data vertically.<br />
It is nice for me to arrange data with list. The list data structure has the kind to arrange data vertically.</p>
<h4>OC Smart Table in background</h4>
<p>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.<br />
If the display width is not enough to show table, swap list for table.</p>
<h3>Usage</h3>
<h4>Enable OC Smart Table (free)</h4>
<p>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.</p>
<h4>Enable OC Smart Table</h4>
<p>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.</p>
<p>You can buy standard edition from <a href="https://ocsoft.base.shop/items/62050748" rel="nofollow ugc">here</a>.</p>
<h4>Inherit colors and styles</h4>
<p>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.</p>


Plugin Name: OC Smart Table (free)

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

Freemius

nicheaddons

<p>Primary Addon for Elementor covers all the must-needed elements for creating a perfect website using Elementor Page Builder. 20+ Common Elementor widgets & 15+ Pro Elementor widgets cover all of the Primary elements.</p>
<p>1. <a href="https://nicheaddons.com/demos/elasta/saas/" rel="nofollow ugc">SaaS Website Demo</a></p>
<blockquote>
<p><a href="https://wordpress.org/themes/elasta/" rel="ugc">Elasta WordPress Theme</a> + Primary Addon for Elementor</p>
</blockquote>
<p>2. <a href="https://nicheaddons.com/demos/elasta/e-learning/" rel="nofollow ugc">E-Learning Website Demo</a></p>
<blockquote>
<p><a href="https://wordpress.org/themes/elasta/" rel="ugc">Elasta WordPress Theme</a> + Primary Addon for Elementor</p>
</blockquote>
<p>3. <a href="https://nicheaddons.com/demos/elasta/creative-portfolio/" rel="nofollow ugc">Creative Portfolio Website Demo</a></p>
<blockquote>
<p><a href="https://wordpress.org/themes/elasta/" rel="ugc">Elasta WordPress Theme</a> + Primary Addon for Elementor</p>
</blockquote>
<p>4. <a href="https://nicheaddons.com/demos/elasta/charity/" rel="nofollow ugc">Charity Website Demo</a></p>
<blockquote>
<p><a href="https://wordpress.org/themes/elasta/" rel="ugc">Elasta WordPress Theme</a> + Primary Addon for Elementor</p>
</blockquote>
<p>5. <a href="https://nicheaddons.com/demos/elasta/restaurant/" rel="nofollow ugc">Restaurant Website Demo</a></p>
<blockquote>
<p><a href="https://wordpress.org/themes/elasta/" rel="ugc">Elasta WordPress Theme</a> + Primary Addon for Elementor</p>
</blockquote>
<p><a href="https://nicheaddons.com/demos/primary/" rel="nofollow ugc">Check Live Demo</a>  |  <a href="https://wordpress.org/themes/nichebase/" rel="ugc">NicheBase (Theme)</a></p>
<h3>20+ Primary Free Widgets & 15+ Primary Pro Widgets</h3>
<p>Each elementor widget is crafted based on Common Websites in Mind. So, this plugin covers all 20+ free must-needed elementor widgets to fulfill your website needs. At the same time, it grabs your visitor’s attention. 🙂</p>
<h3>Easy to Customize</h3>
<p>User-Friendly wise Elementor is the best choice of Page Builder in WordPress. We assured that same editing experience in our Addons plugin too. Every widget comes with plenty of options with easy to edit user experience.</p>
<p><a href="https://nicheaddons.com/docs/primary-addon-pro-elements/" rel="nofollow ugc">Documentation</a></p>
<h3>Professional Support</h3>
<p>Our experienced Team supports your every question carefully, and your points/notes will take you to the core development team to improving our plugin gradually.</p>
<h3>20+ Primary Free Widgets & 15+ Primary Pro Widgets</h3>
<p>You can find all of the following 20+ most useful widgets of your Awesome Website.</p>
<blockquote>
<p>Primary FREE Widgets</p>
</blockquote>
<ol>
<li><a href="https://nicheaddons.com/demos/primary/elements/about-me-element/" rel="nofollow ugc">About Me</a> – Name, Profession, Social Media Links, Description, and Button link.</li>
<li><a href="https://nicheaddons.com/demos/primary/elements/about-us-element/" rel="nofollow ugc">About Us</a> – All Basic Company Details Meta Information, Social Icons, Description, and Alignments.</li>
<li><a href="https://nicheaddons.com/demos/primary/elements/blog-element/" rel="nofollow ugc">Blog</a> – Columns up to four, Limit, Order & Order by, Certain Category posts, Certain ID’s, Excerpt and its length, Pagination, and more.</li>
<li>Button – Text, Link, Alignment, Typography, and Other Setting.</li>
<li><a href="https://nicheaddons.com/demos/primary/elements/chart-element/" rel="nofollow ugc">Chart</a> – Contains – Bar and PIE Charts.</li>
<li><a href="https://nicheaddons.com/demos/primary/elements/contact-element/" rel="nofollow ugc">Contact</a> – Contact form box, Title, Short Content and Contact form shortcode.</li>
<li><a href="https://nicheaddons.com/demos/primary/elements/gallery-element/" rel="nofollow ugc">Gallery</a> – Filter, Title, Subtitle, Positioning Controls, Zoom, and Links.</li>
<li><a href="https://nicheaddons.com/demos/primary/elements/get-apps-element/" rel="nofollow ugc">Get Apps</a> – App Store, Play Store, and Chrome Browser Extension images, and links. Title, Sub-title, and short content.</li>
<li><a href="https://nicheaddons.com/demos/primary/elements/history-element/" rel="nofollow ugc">History</a> – Time or Year, Title, Short Content, and Read More link. With Swappable Image.</li>
<li><a href="https://nicheaddons.com/demos/primary/elements/image-compare-element/" rel="nofollow ugc">Image Compare</a> – Before and After Images with a vertical and horizontal controller.</li>
<li><a href="https://nicheaddons.com/demos/primary/elements/process-element/" rel="nofollow ugc">Process</a> – Includes Three Types of Different Design Layouts, Title, Icon, or Numbers and, Short Content.</li>
<li>Section Title – Title, Sub-Title, Image, Alignment</li>
<li><a href="https://nicheaddons.com/demos/primary/elements/separator-element/" rel="nofollow ugc">Separator</a> – Vertical Alignment and Horizontal Alignment with Headings, Icon, or Text between separator lines.</li>
<li><a href="https://nicheaddons.com/demos/primary/elements/service-element/" rel="nofollow ugc">Services</a> – Five style types of a service element, icon or image, Headings, Short Content and, Read More link.</li>
<li><a href="https://nicheaddons.com/demos/primary/elements/slider-element/" rel="nofollow ugc">Slider</a> – Sider animation control, background image uploads, Heading, Short Content, and two buttons.</li>
<li><a href="https://nicheaddons.com/demos/primary/elements/subscribe-element/" rel="nofollow ugc">Subscibe</a> – Title, Short Content with Shortcode Placement area. That you can able to install any third-party subscribe form plugin and include that shortcode into this design.</li>
<li><a href="https://nicheaddons.com/demos/primary/elements/table-element/" rel="nofollow ugc">Table</a> – Easy to add rows and columns, Supported multiple inside elements.</li>
<li><a href="https://nicheaddons.com/demos/primary/elements/team-single-element/" rel="nofollow ugc">Team Single</a> – Name, Profession, Meta Informations, Contact Details, Social Links, and, Short Content.</li>
<li><a href="https://nicheaddons.com/demos/primary/elements/team-element/" rel="nofollow ugc">Team</a> – Four Styles, Name, Short Content, Social Links, and Profession.</li>
<li><a href="https://nicheaddons.com/demos/primary/elements/testimonials-element/" rel="nofollow ugc">Testimonials</a> – Three Styles, Images, Content, and Client Name, Professions.</li>
<li><a href="https://nicheaddons.com/demos/primary/elements/typewriter-element/" rel="nofollow ugc">Type Writter</a> – Typing Animation Controls, Speed, and Cursor Controls.</li>
<li><a href="https://nicheaddons.com/demos/primary/elements/video-element/" rel="nofollow ugc">Video</a> – Title, Cover Image with Animated Button – Video Popup.</li>
</ol>
<blockquote>
<p>Primary PRO Widgets</p>
</blockquote>
<ol>
<li><a href="https://nicheaddons.com/demos/primary/elements/breadcrumbs-element/" rel="nofollow ugc">Breadcrumbs</a> – Six Breadcrumbs Style</li>
<li><a href="https://nicheaddons.com/demos/primary/elements/advanced-buttons-element/" rel="nofollow ugc">Advanced Buttons</a> – Text, Link, Styles, Animations, Effects</li>
<li><a href="https://nicheaddons.com/demos/primary/elements/call-to-action-element/" rel="nofollow ugc">Call to Action</a> – Heading, Content, Buttons, Button Types, Subscribe</li>
<li><a href="https://nicheaddons.com/demos/primary/elements/contact-form-element/" rel="nofollow ugc">Contact Form</a> – Form Styles, Field Controls, And More Options.</li>
<li><a href="https://nicheaddons.com/demos/primary/elements/counters-element/" rel="nofollow ugc">Counters</a> – Five Styles, Animations, Count Numbers, After Values, Icons or Images.</li>
<li><a href="https://nicheaddons.com/demos/primary/elements/coupons-elements/" rel="nofollow ugc">Coupons</a> – Four Styles, Title, Copy Coupon Codes, and More.</li>
<li><a href="https://nicheaddons.com/demos/primary/elements/faq-element/" rel="nofollow ugc">FAQ</a> – Four Styles, Nested FAQ Options, Title, and Content.</li>
<li><a href="https://nicheaddons.com/demos/primary/elements/flip-box-element/" rel="nofollow ugc">Flip Box</a> – Cubix Flip Box, 3D Flip, Normal, Title, Icon, Short Content</li>
<li><a href="https://nicheaddons.com/demos/primary/elements/advanced-heading-element/" rel="nofollow ugc">Advanced Heading</a> – Title Styles, Heading, Sub-Heading, Short Content</li>
<li><a href="https://nicheaddons.com/demos/primary/elements/icon-box-element/" rel="nofollow ugc">Icon Box</a> – Five Icon Box Styles, Title, Icon, Content, Button/Link.</li>
<li><a href="https://nicheaddons.com/demos/primary/elements/image-hotspot-element/" rel="nofollow ugc">Image Hotspot</a> – Heading, Content, Button, Image, Pointer Location, Pointer Text.</li>
<li><a href="https://nicheaddons.com/demos/primary/elements/instagram-feed-element/" rel="nofollow ugc">Instagram Feed</a> – Getting a List of Pictures from Instagram, Column Controls, Full Width</li>
<li><a href="https://nicheaddons.com/demos/primary/elements/news-ticker-element/" rel="nofollow ugc">News Ticker</a> – Five News Ticker Styles, Meta Details, Post Carousel.</li>
<li><a href="https://nicheaddons.com/demos/primary/elements/protected-content-element/" rel="nofollow ugc">Protected Content</a> – List of Private Pages to Show Lock Design, Role Controls, Password Only Controls</li>
<li><a href="https://nicheaddons.com/demos/primary/elements/reviews-element/" rel="nofollow ugc">Reviews</a> – Five Review Styles, Image, Title, Rating, Content, More.</li>
<li><a href="https://nicheaddons.com/demos/primary/elements/skill-bar-element/" rel="nofollow ugc">Skill Bar</a> – Six Skill Bar Styles, Value, Heading, Styling Controls</li>
<li><a href="https://nicheaddons.com/demos/primary/elements/timeline-element/" rel="nofollow ugc">Timeline</a> – Three Styles, Year, Heading, Content, Icon, Alignment and Style Controls</li>
</ol>


Primary Addon for Elementor

Primary Addon for Elementor is a collection of widgets needed for all common websites.

Plugin Name: OC Smart Table (free) vs Primary Addon for Elementor