Introducing TableKit: The Native Table Builder for WordPress

With Gutenberg, WordPress content creation became easier, faster, and more visual. 

But for the tables, things still feel stuck in a decade behind. The default table block is basic, lacks sorting, filtering, and dynamic data integration. And it certainly doesn’t help you build high-converting product tables.

So we have built a table builder that eliminates the need for complex, heavy plugins by providing a seamless, block-based solution for professional data display.Introducing TableKit, a native, no-code table builder designed to overcome the limitations of the standard WordPress block editor.

Why do WordPress tables still feel so limited?

Despite the evolution of the Block Editor, the default table block remains incredibly basic. Most users are forced to choose between a simple layout that lacks functionality or a complex plugin that bloats their site with shortcodes. This disconnect makes it difficult for store owners and data managers to create the professional displays they need without professional coding skills.

How bad tables hurt more than you think

Standard grid layouts and poor table designs often force users into “pogo-sticking”, clicking back and forth between pages just to compare basic details. Bad tables result in:

• Poor user experience: Customers struggle to compare SKUs, stock levels, or attributes side-by-side.
• Lost conversions: Without instant “Add to Cart” buttons, users often leave before completing an order.
• Slower sites: Heavy, non-native plugins can drag down page performance and SEO rankings.

So we built something better: Meet TableKit, the native table builder for WordPress

We built TableKit Pro as a response to the need for a modern WordPress experience. It integrates directly into the Gutenberg block editor, allowing you to build dynamic, searchable, and sortable tables without ever leaving your page.

TableKit is a drag-and-drop table builder built specifically for Gutenberg.

Not a shortcode plugin, not an external embed. A native block-based solution that works inside the WordPress editor.

It combines:

• Advanced data handling
• WooCommerce integration
• WordPress post listing
• Rich cell design
• Advanced formatting 
• Full responsiveness

It feels like a natural extension of Gutenberg. Because that’s exactly what it is.

You stay inside WordPress → You stay inside blocks → You stay in control.

What Can You Actually Build with TableKit?

TableKit is versatile enough to handle any data need, from simple comparisons to complex e-commerce engines:

WordPress tables in Gutenberg

Create standard, beautiful data grids for any type of information. You can start with a blank canvas or use ready-made templates to achieve a professional look in seconds.

With TableKit, set how many rows and columns you need. Choose whether you want a header or a footer. Then click Create Table.

Now you can start adding content.

Each table cell supports Gutenberg blocks, so you can drop in text, buttons, images, or anything else you need. Let’s start by adding a button.

From the Content tab, you’ll find the settings control. This is where you can control the header and footer visibility. Then enable Sorting to let users organize data column-wise. If you want a consistent layout, turn on Fixed Width Cells.

Need some breathing room? Disable Border Collapse to manually adjust vertical and horizontal spacing between your cells. When the caption is enabled, set the caption position to the top or bottom of the table.

That’s how you build flexible, responsive tables in Gutenberg without fighting the editor.

With TableKit, your tables stop being static and start doing real work.

WooCommerce Product Table

You can transform your shop into a high-speed sales tool with WooCommerce Product Table. Create tables designed for speed, clarity, and bulk ordering, featuring live pricing and stock status.

Click Start with Dummy to load a sample structure. Now, in Query Filter, set the post type to Products, and all the WooCommerce product data is now pulled from your website into the table.

From here, you can filter the products in the table with query filters like taxonomy, author, product type, such as grouped products, variable products, or all products.

You can also control the order and sorting logic depending on how you want products displayed.

Next, let’s configure the columns to show the product details. Click the ‘Add Items’ button to create a new column.

For every column, you’ll define two things:

• The label, which is your column header.
• And the field, which decides what product data shows up there.

Let’s add a pricing column. Select Product Price from the drop-down. Then set the label to Price as the column header.

Now customers can instantly compare pricing across products.

Let’s make it more visual. Add another column and select Product Image.

Set the header, adjust the image size, and even enable image links if you want the image to lead to the product page. Now shoppers can see exactly what they’re comparing.

And you’re not limited to just that. You can display sale price, descriptions, short descriptions, stock status in real time, backorder availability, review count, tax status, product category, product type, and more.

If you’re selling variable products, you can even show attributes like size, color, or logo using product attributes with separators.

But here’s where things get powerful. TableKit doesn’t just show data. It drives action.

Include the Add to Cart button so that users can easily add the product to the shopping cart directly from the table.

WordPress Data Table

Connect external data sources with your site and show then in a structured data table in WordPress.

Bridge the gap between WordPress and your external data sources. Whether you are fetching data from a JSON or a simple spreadsheet, TableKit makes it dynamic.

To get started, click Start Blank, and then import your data. With TableKit, you can import data from multiple sources, including CSV files, Google Sheets, JSON, and Nested JSON files.

If you’re using a CSV file, just upload it, and the table will automatically pull in the data. For Google Sheets, simply paste the public share link of the sheet.

Using JSON as a data source? Paste the file URL similarly. The same goes for the Nested JSON.

However, for Nested JSON, you can create a table with the root file data. Or, choose individual objects to show on the table.

Once your data is connected, your table reflects what’s inside the source file.

Now here’s the part that saves you time.

If you want to update your Google Sheet or JSON file later, you don’t have to rebuild anything. Just click the Refetch button, and TableKit will pull in the latest data instantly.

And if manually clicking refetch feels like extra work, turn on Auto Update instead. Enable the option and set your preferred interval time to automatically sync the data with the source file. Remember, the interval time must be set in minutes. 

Features that actually matter

TableKit is packed with granular settings designed for both aesthetics and usability:

Freeze Columns

Keep essential headers or labels visible as users scroll through wide datasets.

You can even freeze rows and columns, just like in Excel.

Go to the Advanced tab, enable freeze options, and choose whether to freeze the header or specific columns. Then adjust the colors for frozen sections so they stand out.

Conditional Formatting

Use visual cues to highlight key data points automatically. Select a column header, set a condition type, enter a comparison value, and apply formatting like text color or background color. You can apply rules to a single cell, an entire row, or a full column.

Search with Column Filtering

Enable global search or individual search fields under each header for surgical precision.

Add search functionality to make the table actually useful. Turn on individual column search for column-wise filtering. Enable sorting so users can organize data by any column.

For the search bar, you can choose the icon and enter a placeholder. The users can easily find info by searching, and also filter the search results for better accessibility.

With TableKit, you have tons of more advanced controls, including:

• Pagination Control: Handle hundreds of rows smoothly with buttons for “First,” “Next,” and user-defined rows per page.
• Export Data: Let users download your lists instantly as PDF, CSV, Excel, or Print files.
• Sorting: Allow customers to reorder data (like price or rating) with a single click.
• Fixed Width and Border Collapse: Ensure a consistent look and a modern, minimalist design.
• Caption: Add clear, descriptive titles to your tables to improve accessibility.
• Exclude Columns: Selectively hide data that isn’t relevant to the end-user for a cleaner interface.

Getting Started in 3 Simple Steps

1. Insert the Block: Open a new page and search for the TableKit block in the Gutenberg editor.
2. Choose Your Starting Point: Import a ready-made template or start from a blank canvas.
3. Configure Your Content: Use the right-hand sidebar to filter for post types (like Products) and hand-pick your columns.

Who TableKit is perfect for

TableKit is designed for anyone who needs to display information effectively:

• E-commerce Owners: For building wholesale catalogs and product comparison tables.
• B2B Vendors: For displaying SKUs, logistics, and stock status for large-scale buyers.
• Bloggers & Publishers: For organizing massive archives of posts into searchable lists.

Ready to build your first table?

Don’t let static, clunky data hold your website back. Whether you are selling products, showing stats, or managing information, TableKit makes the process simple, sleek, and fast.