How to Create Advanced Tables in WordPress Block Editor (Gutenberg) [Video Tutorial]

Updated On : April 14, 2026By : Reading Time : 1 minute

Key Takeaways

  • Advanced Data Table Plugin allows users to create tables with images, icons, text, and buttons for WooCommerce product tables.
  • Users can import content from CSV and Google Sheets directly using API for real-time updates.
  • The plugin features sorting, searching, dropdown filters, and unlimited customization options.
Table of Contents

YouTube video
Video Duration: 20 : 45

Video Overview

In this WordPress tutorial, we will create an Advanced Data Table with images, icons, text, and buttons for WooCommerce product tables in WordPress using Gutenberg. Using this powerful Data Table Plugin for WordPress, you can create any type of table with sorting, searching as well as dropdown filters to show your data. Completely mobile optimised.

ADD PRODUCT COMPARISON TABLES IN YOUR BLOG POST OR PAGES

You can also import content from CSV, and Google Sheets directly using API which will update in real-time.

▶ Live Table Block Demo – https://nexterwp.com/nexter-blocks/blocks/wordpress-data-table/

Features
✅ Add Images, Icon, and Buttons
✅ Import Table on WordPress from CSV
✅ Connect Table from Google Sheet
✅ Add Search Bar for Table Contents
✅ Drop Dropdown filters to fetch query
✅ Sort Data from ascending to descending
✅ Product Comparison Table
✅ WooCommerce Product Table
✅ Cross Domain Copy pre-styled design from live site
✅ Unlimited Customization

⚡ Plugin Website – https://nexterwp.com/
⚡ Get the Plugin https://nexterwp.com/nexter-blocks/
USE CODE ” YOUTUBE10 ” TO ENJOY 10% DISCOUNT

About the Author

Photo of Aditya Sharma CMO of NexterWP
CMO at POSIMYTH Innovations · NexterWP · 7 years experience

He has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.

WordpressThemesElementorn8nAIClaudeAutomationServer
LinkedIn X Website

Share your Thoughts

Get Instant Answers to all your questions about Nexter Blocks,
Extensions & Theme trained on 1000+ Docs and Videos

Still in Doubt? Let’s Assist You

Raise a ticket Now

Have Feedback or Questions?

Join our WordPress Community on Facebook!

Join Us

Related Frequently Asked Questions

What should I do if my advanced table isn't displaying correctly in Gutenberg?

If your advanced table isn't displaying as expected, check for any conflicting plugins or themes that might interfere with the block editor. Ensure that you are using the latest version of Nexter Blocks, as updates often fix bugs. Additionally, verify that your table settings are configured correctly, including any image or button integrations.

What are the best practices for importing tables from CSV or Google Sheets?

When importing tables from CSV or Google Sheets, ensure that your data is well-structured and formatted correctly. Use the API feature to connect your Google Sheets for real-time updates, which can save time and reduce errors. This approach is particularly beneficial for dynamic content that changes frequently.

Are there any limitations when using the advanced table plugin?

While the advanced table plugin offers extensive features, it may have limitations in terms of the number of rows and columns that can be effectively displayed without affecting performance. It's essential to test the table on different devices to ensure it remains mobile-optimized, as mentioned in the tutorial.

What happens if I try to use the advanced table without Gutenberg?

The advanced table feature requires Gutenberg to function properly, as it is built specifically for the WordPress block editor. If you attempt to use it without Gutenberg, you will not be able to access the full range of functionalities offered by Nexter Blocks.

Last reviewed: April 14, 2026

Related Docs

Advance Border Radius for WordPress (Gutenberg) – Custom Border Shape [Video Tutorial]
icon
Advanced Typography Styles for WordPress (Gutenberg) – Rotate, Marquee, Stroke, Vertical, Blend [Video Tutorial]
icon
Carousel Slider Sync Remote for Gutenberg WordPress | Connect with Arrows, Dots, Tabs, Accordion etc [Video Tutorial]
icon
Combined Social Media Feed in WordPress (Gutenberg) – Facebook, Instagram, Twitter, YouTube & Vimeo [Video Tutorial]
icon
Create Dynamic WordPress with Custom Post Loop Skins with ACF & CPT (Gutenberg) [Video Tutorial]
icon
Create Unique Image Accordion Horizontal and Vertical with Gutenberg Blocks [Video Tutorial]
icon
123……8