Tables For Elementor

Description

Tables For Elementor is an addon companion for the most advanced frontend drag & drop page builder – Elementor. Create Feature rich tables and customize them right inside the page builder.

Screenshots

  • Editor View

  • Frontend basic comparison table

Installation

  • These instructions assumes you already have a WordPress site and the Elementor plugin installed and activated. Also, it is assumed that you already have at least one of the supported froms plugin installed and activated.
  1. Install using the WordPress built-in Plugin installer, or Extract the zip file and drop the contents in the wp-content/plugins/ directory of your WordPress installation.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.
  3. Go to Pages > Add New
  4. While in the Elementor Editor, drag and drop the Tables widget to the location of your choice and add your content!
  5. Configure as desired and save.
  6. Done! Enjoy 🙂

FAQ

Installation Instructions
  • These instructions assumes you already have a WordPress site and the Elementor plugin installed and activated. Also, it is assumed that you already have at least one of the supported froms plugin installed and activated.
  1. Install using the WordPress built-in Plugin installer, or Extract the zip file and drop the contents in the wp-content/plugins/ directory of your WordPress installation.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.
  3. Go to Pages > Add New
  4. While in the Elementor Editor, drag and drop the Tables widget to the location of your choice and add your content!
  5. Configure as desired and save.
  6. Done! Enjoy 🙂
I’ve turned the CTA buttons off but they still show

While in Elementor edit mode you may need to refresh the page for the changes to take effect!

OK, after a refresh the buttons are gone but now I’m left with a bit of empty space(s)! How can I remove these?

Switch to one of the Title Settings tabs i.e. First Title Settings and set the Title Margins to 0 or as desired!

Reviews

Good but misleading

The plugin works fine and creates well designed feature tables. It is not intended to be used for data tables or other sorts of tables. I suggest renaming it Feature Tables for Elementor. Had to delete it as I was looking for a generic table widget plugin.

Not quite easy to use, but it’ okay

It takes some extra time to make and edit tables with this widget, but it is better than writing the code from scratch.

Plus, I edited the plugin code to add classes on each line, and it’s much better now with that feature.

here’s what i did for your reference.(I strongly recommend doing something like this if you’re using this plugin)

Edit Plugin -> Talbes for Elementor -> modules -> tables -> widgets -> table-standard.php

Original


894 <?php foreach ( $features as $feature ) : ?>
895         <div class="table-cell cell-feature">
896                 <?php echo $feature['text']; ?>
897         </div>
898         <div class="table-cell first-icon">
899                 <i class="<?php echo esc_attr( $feature['option1_icon'] ); ?>"></i>
900                 <p class="first-text"><?php echo esc_attr( $feature['option1_text'] ); ?></p>
901         </div>
902         <div class="table-cell second-icon">
903                 <i class="<?php echo esc_attr( $feature['option2_icon'] ); ?>"></i>
904                 <p class="second-text"><?php echo esc_attr( $feature['option2_text'] ); ?></p>
905         </div>
906 <?php endforeach; ?>                   

Edited


<?php 
$i=0;    
foreach ( $features as $feature ) : 
$i++;
?>
	<div class="column-<?php echo $i; ?> table-cell cell-feature">
		<?php echo $feature['text']; ?>
	</div>
	<div class="column-<?php echo $i; ?> table-cell first-icon">
		<i class="<?php echo esc_attr( $feature['option1_icon'] ); ?>"></i>
		<p class="first-text"><?php echo esc_attr( $feature['option1_text'] ); ?></p>
	</div>
	<div class="column-<?php echo $i; ?> table-cell second-icon">
		<i class="<?php echo esc_attr( $feature['option2_icon'] ); ?>"></i>
		<p class="second-text"><?php echo esc_attr( $feature['option2_text'] ); ?></p>
	</div>
<?php endforeach; ?>			

Good plugin for product comparrison

The plugin has some flaws and might need some more improvements but it is nice to use as a feature compare list.

Flaws:
– it get’s slow when you have lots of features (like 2 seconds wait till you can edit the next thing – other elementor elements are lightning fast).
– the buttons are a bit strange on mobile / narrow devices
– some settings are not placed intuitively
– it would be awesome to have some css classes for every line to maybe highlight exact cells without JavaScript

Good to have such an element for Elementor. Thanks!

Limited

Good that it exists, but sad that it is quite limited, for my needs I’ll keep using Tablepress (https://wordpress.org/plugins/tablepress/) but will keep an eye out on this..

Useful for simple tables / See Suggestions

First off, I know Zulfikar to be an excellent developer. So it’s easy for me to 5-star just about anything he gives us. And yes, it is a gift since it’s free. So cheers for that m8!

SUGGESTION: Consider improving/adding these uses..

– When disabling all buttons, the space they occupied is still used.
– There is no way (for a content manager) to add buttons/links in fields. [ link redacted, please do not post links in reviews ]
– Nice to have: A query to auto-fill ‘Features’ with post types like products!
– Custom column width options! Really. It needs this.

Hope this helps you helping us all 😉

ERRORS with WordPress 4.7.4

This plugin is a SUPER GREAT FANTASTIC idea. Unfortunately, it is not compatible with WordPress 4.7.4.

I get the following error on my website when I activate this plugin (without even creating a table):

( ! ) Notice: Elementor\Controls_Manager::add_control_to_stack was called incorrectly. Cannot redeclare control with same name. – view Please see Debugging in WordPress for more information. (This message was added in version 1.0.0.) in /Users/marianomd/Documents/Websites/marianomd.dev/wp-includes/functions.php on line 4138

So unfortunately, I have to deactivate this plugin. Hopefully there is an update to make it more compatible. Hopefully the developer has a long career. Otherwise, I can’t rely on their plugins for mission critical websites.

Read all 7 reviews

Contributors & Developers

“Tables For Elementor” is open source software. The following people have contributed to this plugin.

Contributors

Translate “Tables For Elementor” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.0.2

  • NEW: Added 3 & 4 column comparison table modules.
  • NEW: Added color options to all columns.
  • FIXED: Bug where color was being applied to icon only and not the text.

1.0.1

  • Fixed: Bug that generated “Notice: Elementor\Controls_Manager::add_control_to_stack was called incorrectly”. See [Reported Error] (https://wordpress.org/support/topic/errors-with-wordpress-4-7-4/)
  • Tweak: CTA button no longer renders if the CTA text is left blank.
  • Added answers to some FAQ raised recently re the CTA button controls and empty spaces.

1.0.0

  • Initial release.

Copyright: WPDevHQ https://wpdevhq.com