Shuriken Table Pro

# Shuriken Table Pro - Elementor Form Data Manager

Contributors: Shuriken Dev Tags: elementor, form, database, table, export, csv, frontend Requires at least: 5.8 Tested up to: 6.4 Requires PHP: 7.4 License: GPLv2 or later

Shuriken Table Pro unlocks your Elementor Pro form submissions. Instead of hiding data in the backend, this plugin lets you display, search, and manage form entries directly on the frontend using a powerful Drag & Drop Builder system.

🚀 Key Features

• Frontend Data Tables: specific Elementor Form submissions in a clean, responsive table.
• Drag & Drop Builder: Use Elementor to design your data layout. Place the Search Bar in the header, the Table in the body, and Pagination in the footer.
• Advanced Privacy: Hide sensitive columns (like IP addresses) and rename database keys (e.g., field_1 → "Phone Number") via the Dashboard.
• Instant Search: Real-time filtering without reloading the page.
• Export & Print: Allow users to download CSVs or print data with a single click.
• Role Management: Restrict visibility to Administrators or Logged-in Users.

📋 Requirements

1. WordPress (v5.8+)
2. Elementor (Free or Pro)
3. Elementor Pro (Required to collect the form data in the first place).

🛠️ Installation & Setup

1. Install: Upload the shuriken-table folder to your /wp-content/plugins/ directory.
2. Activate: Go to WordPress Admin > Plugins and activate Shuriken Table Pro.
3. Verify: You will see a new menu item "Shuriken Tables" in your admin sidebar.

⚡ Quick Start Guide (The Dashboard)

Before placing widgets, you must configure your data source.

1. Go to Shuriken Tables > Create New Table.
2. Select Data Source: Choose the Elementor Form you want to display.
   • Tip: If the list is empty, make sure you have created a form in Elementor and submitted at least one entry.
3. Save Configuration: Click Save. This fetches the column names from the database.
4. Manage Columns:
   • Uncheck columns you want to hide (e.g., user_agent, remote_ip).
   • Rename labels (e.g., change name to Full Name).
5. Save Again. Your table is now ready to be used.

🎨 Elementor Builder Tutorial (The Cool Part)

Shuriken Table Pro allows you to split the table into separate components for maximum design flexibility.

How to Build a Custom Layout

1. Edit a Page with Elementor.
2. Scroll down to the "Shuriken Addons" category in the widget panel.
3. Drag & Drop the widgets you need:
   • Shuriken Data Table (The main list)
   • Shuriken Search Bar (The input box)
   • Shuriken Pagination (Next/Prev buttons)
   • Shuriken Status Info (Shows "Showing 10 results")

🔗 Connecting Components (The Link ID)

By default, widgets are disconnected. To make the Search Bar control the Table, you must link them.

1. Click on the Shuriken Data Table widget.
   • In Content > Configuration, select your Saved Table (e.g., #1 Contact Form).
   • Look at the Table Link ID field. Set it to a unique name, e.g., my-leads-table.
2. Click on the Shuriken Search Bar widget.
   • Select the same Saved Table source.
   • Crucial: Set the Table Link ID to my-leads-table (must match exactly).
3. Click on the Shuriken Pagination widget.
   • Set Table Link ID to my-leads-table.

Result: When you type in the search bar, it will instantly filter the table with the ID my-leads-table, even if they are in different columns or sections!

💻 Shortcode Usage (Manual)

If you aren't using Elementor for the frontend, you can use shortcodes.

Basic Table: [shuriken_table id="1"]

Split Components (Advanced Shortcode): You can render specific parts using the component attribute. Ensure you use link_id to connect them.

• Search: [shuriken_table id="1" component="search" link_id="manual-1"]
• Table: [shuriken_table id="1" component="table" link_id="manual-1"]
• Pagination: [shuriken_table id="1" component="pagination" link_id="manual-1"]

❓ Troubleshooting

Q: The table says "No submissions found". A: Go to your Elementor Form settings (in the editor) > Actions After Submit. Ensure "Collect Submissions" is selected.

Q: Search isn't working. A: Check your Link IDs. The Search Widget and Table Widget MUST have the exact same Link ID.

Q: New form fields aren't showing up. A: Go to Shuriken Tables > Edit, and click Save. This re-scans the database for new columns.