How to Create Tables in WordPress Using TableKit Plugin

Benefits of Creating Tables in WordPress

1. Communicate Complex Information at a Glance

Tables organize multiple data points across rows and columns in a way that is immediately scannable. A visitor can compare five products across ten attributes in seconds using a table — a task that would take minutes and multiple reads if presented as prose paragraphs. For any website presenting structured, comparative, or multi-dimensional data, tables are the clearest and most efficient communication format available.

2. Improve User Engagement and Time on Page

Well-designed tables keep visitors engaged longer than dense text blocks. When users encounter an interactive table — one they can sort, filter, and search within — they actively explore the data rather than passively reading. This increased interaction signals content quality to search engines and improves the overall user experience metrics that influence search rankings.

3. Boost SEO with Structured Data

Tables provide search engines with clearly structured, semantically organized content that is easier to parse and index than unstructured text. Comparison tables, pricing tables, and data tables often rank well for long-tail informational queries because they directly answer the structured questions searchers are asking. Feature comparison tables in particular frequently appear as featured snippets in Google search results, providing significant organic traffic boosts.

4. Save Content Creation Time

Once a table structure is created, adding and updating data is far faster than reformatting prose content. A product comparison table that would take hours to maintain as written content can be updated in minutes by editing rows and cells. For sites with regularly changing data — pricing, inventory, league standings, academic schedules — tables dramatically reduce content maintenance time.

5. Enable Direct User Actions Within Content

Modern table plugins like TableKit allow you to embed interactive elements directly within table cells — Add to Cart buttons, CTA links, download buttons, booking forms, and more. This transforms tables from passive information displays into active conversion tools, enabling visitors to take direct action from within the table without navigating away to a separate page.

6. Display Live, Dynamic Data Without Coding

TableKit’s data table functionality allows you to connect a WordPress table directly to a live data source — a Google Sheet, a CSV file, a JSON feed, or a REST API. When the source data updates, the table updates automatically without any manual intervention. This is transformative for businesses that track inventory, pricing, sports results, financial data, or any other regularly changing dataset.

7. Present Professional, Branded Visual Layouts

A customized table with your brand colors, typography, hover effects, and animation styles creates a far more professional impression than a plain HTML table or a simple Gutenberg table block. Professional-looking data presentations build credibility and trust with visitors, particularly on pricing, product, and comparison pages where purchase decisions are being made.

8. Achieve True Mobile Responsiveness

Data tables notoriously break on mobile screens when not properly configured. TableKit includes pre-defined responsive breakpoints that automatically adjust column widths, text sizes, and table layouts for different screen sizes. Custom breakpoint settings allow you to define exactly how the table adapts at tablet and mobile widths, ensuring a clean, readable experience for the majority of visitors who browse on smartphones.

What is TableKit Plugin?

TableKit is a native WordPress table builder plugin developed by Wpmet — a company trusted by over 3 million users worldwide through products including ElementsKit, MetForm, ShopEngine, GutenKit, PopupKit, and EmailKit. TableKit is built from the ground up for the WordPress Gutenberg Block Editor, making it the only major table plugin designed natively for the modern WordPress editing experience.

Unlike older table plugins that operate outside the Block Editor through shortcodes and separate admin interfaces, TableKit integrates seamlessly into Gutenberg. Every table is built and edited directly on the page, with a real-time visual preview of how the table looks as you build it. The plugin’s standout capability is allowing any Gutenberg block — images, buttons, galleries, videos, custom HTML, headings — to be placed directly inside a table cell, turning tables into fully functional layout canvases rather than simple data containers.

TableKit is available as a free plugin on WordPress.org with a solid set of core features. Pro plans (Personal, Professional, and Agency) unlock WooCommerce Product Tables, WordPress Post Tables, Data Tables with live source connections, freeze columns, advanced sorting and filtering, conditional formatting, and export to CSV, Excel, and PDF. All Pro plans are one-time lifetime purchases backed by a 14-day money-back guarantee.

Key Features of TableKit Plugin

1. 100% Native Gutenberg Block Integration

TableKit operates entirely within the WordPress Block Editor. There is no separate admin interface to learn and no context-switching between the block editor and a separate table management panel. Every table is built directly on the page in real time, with the editing experience feeling completely native to the WordPress environment most users already know.

2. Any Gutenberg Block Inside Table Cells

TableKit is the only WordPress table plugin that allows you to place any Gutenberg block directly inside a table cell. Images, buttons, video embeds, galleries, custom HTML snippets, headings, lists, icons — if it is a Gutenberg block, it can live inside your table cell. This transforms tables from simple text grids into fully rich content layouts where every cell can contain interactive, media-rich content.

3. Merge and Split Cells

Build complex, professional table layouts with full merge and split cell support. Combine multiple cells across rows or columns to create grouped headers, spanning summary rows, or multi-column section titles — exactly as you would in a spreadsheet application. Split any merged cell back to its original state with a single click. This capability is essential for creating professional comparison tables, pricing tables, and detailed product specifications.

4. Freeze Columns and Header Rows (Pro)

For large tables that extend beyond the viewport, TableKit Pro lets you freeze any column or lock the header row in place while the rest of the table scrolls horizontally or vertically. This keeps critical reference information — row labels and column headers — permanently visible regardless of how far the user scrolls, which is essential for wide data tables, pricing comparison tables, and large product catalogs.

5. Conditional Formatting (Pro)

Make your data self-explanatory with conditional formatting rules that automatically style cells based on their values. Highlight low stock items in red, flag top-rated products in green, mark overdue dates in bold — all driven by rules you set once that apply automatically to every row in the table. This feature brings spreadsheet-quality data visualization to your WordPress pages without any coding.

6. WooCommerce Product Table (Pro)

Transform your WooCommerce store into a high-converting product catalog. The WooCommerce Product Table displays your products in a filterable, searchable, paginated table layout where every column shows exactly the product data you choose. Customers can add products directly to their cart from within the table, complete with quantity controls and live stock status, without navigating to individual product pages. Display product title, image, description, SKU, price, sale price, stock quantity, ratings, category, tags, and any other WooCommerce field.

7. WordPress Post Table (Pro)

Display any WordPress content type in a beautiful, queryable table. The Post Table supports standard posts, pages, media files, custom post types, and even WordPress templates. Add Advanced Custom Fields (ACF) data as table columns, filter by category or custom taxonomy, enable live search across columns, and paginate large datasets automatically. This is the ideal way to build blog directories, resource libraries, documentation hubs, portfolio archives, and searchable content databases.

8. WordPress Data Table (Pro)

Connect your WordPress tables to live external data sources without writing any code. TableKit’s Data Table module supports CSV file imports, Google Sheets integration with live automatic updates, JSON and Nested JSON data sources, and REST API connections. Data caching ensures fast page load times even when connected to external sources. The Nested JSON Path Selector lets you target exactly the data you need from complex API responses.

9. Advanced Search, Filter, Sort, and Pagination (Pro)

Every Pro TableKit table comes equipped with built-in search functionality across all columns simultaneously, individual column filtering dropdowns, multi-direction column sorting (ascending and descending), and configurable row-per-page pagination. A total result count display and customizable page limit control give visitors full navigation control over large datasets.

10. Export to CSV, Excel, and PDF (Pro)

Allow visitors to download table data in their preferred format directly from the frontend. Export buttons embedded in the table let users save data as a CSV spreadsheet, an Excel workbook, or a formatted PDF document — without requiring any backend access. This is particularly valuable for data tables, financial reports, product catalogs, and inventory listings where users need to work with the data offline.

11. Pixel-Perfect Style Control

TableKit provides global and cell-specific styling options covering every visual dimension of the table. Customize typography (font family, size, weight, line height), colors (text, background, border), alignment (horizontal and vertical for each cell), padding (vertical and horizontal cell spacing independently), border styles, border radius, hover states, and alternating row colors. Both the header row and footer row have independent, fully configurable styling separate from the body cells.

12. Animation Effects

Add attention-grabbing entrance animations to your tables — fade-in, slide-up, zoom-in, and other CSS animation effects that trigger when the table scrolls into the visitor’s viewport. These subtle animations draw attention to key tables and create a modern, polished feel that elevates the overall page design quality.

13. Responsive Breakpoints

TableKit includes pre-defined responsive breakpoints for common screen sizes and supports custom breakpoint configuration. Set specific column widths for desktop, tablet, and mobile separately, and choose how the table collapses or adjusts layout at each breakpoint. The real-time responsive preview in the block editor lets you see exactly how the table will appear on each device type before publishing.

14. Duplicate Rows and Columns

Speed up table building significantly by duplicating entire rows or columns with a single click. All content, styling, and configuration is preserved in the duplicate. This is invaluable for building pricing tables with similar plan structures, comparison tables with consistent feature sets, or any repeating data pattern where rebuilding from scratch would be repetitive.

15. Ready-Made Templates

TableKit includes a library of professionally designed, real-world table templates you can import with a single click and customize with your own data. Available template categories include WP Post Table, WP Data Table, Pricing Table, Comparison Table, Product Catalog, WooCommerce Product Table, Sports Points Table, Academic Table, Review Table, and WP Media Table — covering the most common table use cases out of the box.

How to Create a Table in WordPress Using TableKit Plugin

Here is a complete step-by-step guide to creating your first table in WordPress using TableKit, starting from the free version.

Step 1: Install the TableKit Free Plugin

1. Go to WordPress Dashboard > Plugins > Add New
2. Search for ‘TableKit’ or ‘Table Builder Block’
3. Find the plugin by Roxnor (Wpmet) and click Install Now
4. Click Activate — you will see TableKit is now available as a Gutenberg block in the block editor

Step 2: Open a Page or Post in the Block Editor

5. Go to Pages > Add New (or open any existing page)
6. The WordPress Block Editor (Gutenberg) will open
7. Click the blue + icon to add a new block
8. Type ‘TableKit’ or ‘Table Builder’ in the block search
9. Click the TableKit Table Builder block to insert it onto the page

Step 3: Choose a Starting Option

After inserting the TableKit block, you will see two options to begin:

• Start from scratch — opens a blank table builder interface where you define the number of rows and columns
• Use a Template — opens the TableKit template library where you can browse and import a pre-designed table appropriate to your use case

For a custom table, select Start from Scratch and enter your desired initial table dimensions (e.g., 5 columns and 8 rows). You can always add or remove rows and columns later.

Step 4: Add Table Content

10. Click any cell to select it and start typing your content
11. To add a Gutenberg block inside a cell (image, button, icon, etc.), click the + icon inside the cell and choose any block from the library
12. Press Tab to move to the next cell, or click directly on any cell to edit it
13. Use the top toolbar to format selected cell content (bold, italic, link, alignment)
14. Right-click any cell to access options: merge with adjacent cells, add row above/below, add column left/right, duplicate row/column, or delete

Step 5: Merge and Split Cells as Needed

15. To create a spanning header, click the first cell you want to merge
16. Hold Shift and click the last cell in the range you want to combine
17. Right-click and select Merge Cells from the context menu
18. The selected cells will combine into a single cell with unified content
19. To split a merged cell back into individual cells, right-click the merged cell and select Split Cells

Step 6: Style the Table Globally

With the TableKit block selected (click anywhere in the table then click the block handle), look at the right-side block settings panel in the Block Editor. TableKit provides the following style tabs:

• Table — set table width, border style, border collapse, caption text and styling
• Header Row — independent typography, color, background, alignment, and padding for the header
• Body Rows — configure alternating row colors, hover background, base cell padding, and typography
• Footer Row — independent styling for the footer row, separate from header and body
• Borders — configure cell border width, style (solid, dashed, dotted), and color globally
• Animation — select an entrance animation effect and configure its speed and delay

Step 7: Style Individual Cells

Click any specific cell to select it. In the block settings panel on the right, you will see cell-level overrides that apply only to that cell:

• Override the cell background color independently from the global body row color
• Set a custom text color, font size, or font weight for the selected cell
• Adjust the horizontal alignment (left, center, right) and vertical alignment (top, middle, bottom) for the cell content
• Add a custom border to just that cell independently from the table-wide border settings
• Adjust the cell’s internal padding independently from the global cell padding

Step 8: Configure Responsive Breakpoints

20. In the block settings panel, go to the Responsive tab
21. For each breakpoint (Desktop, Tablet, Mobile), you can set a custom column width behavior
22. Use the responsive preview buttons at the top of the editor to switch between screen sizes and preview how the table looks
23. Adjust settings until the table is readable and well-laid-out at every device size

Step 9: Create a WooCommerce Product Table (Pro)

With TableKit Pro active, insert a new TableKit block and select the WooCommerce Product Table option:

24. Click Add Column and choose the product fields to display: Product Image, Product Name, SKU, Category, Price, Sale Price, Stock Status, Rating, Add to Cart Button
25. Configure the Query Settings: choose which product categories to include, how many products to display per page, and sorting order (by price, date, popularity, rating)
26. Enable Search to add a live search bar above the table
27. Enable Filters for individual column filtering dropdowns
28. Enable Pagination and set the rows-per-page limit
29. Enable Export buttons (CSV, Excel, PDF) if you want users to download the product list
30. Style the table using the same global and cell-level styling controls as a standard table
31. Click Publish — your WooCommerce product catalog table is now live and fully interactive

Step 10: Create a Data Table Connected to Google Sheets (Pro)

32. Insert a new TableKit block and select WordPress Data Table
33. Choose Google Sheet as your data source
34. Paste your Google Sheet’s published CSV export URL or connect via the Sheets API
35. TableKit will automatically detect your column headers and populate the table with your sheet data
36. Enable Live Data Update so the table refreshes automatically whenever the Google Sheet is edited
37. Configure Data Caching to set how frequently the cached data refreshes for optimal page performance
38. Enable Search, Column Filters, Pagination, and Export as needed
39. Style the table and publish — any future updates to the Google Sheet will appear automatically in the table

Step 11: Install TableKit Pro (Optional)

40. Visit wpmet.com/plugin/tablekit/pricing/ to purchase a Pro plan
41. Personal ($49 lifetime for 3 sites), Professional ($79 lifetime for 10 sites), or Agency ($149 lifetime for unlimited sites)
42. Download the Pro plugin ZIP from your Wpmet account dashboard
43. Go to WordPress > Plugins > Upload Plugin, upload the ZIP, and activate it
44. Enter your license key in the TableKit settings to unlock all Pro features

Use Cases for Tables in WordPress

Here is a practical overview of real-world table use cases and the TableKit features that make each one possible:

TableKit’s template library covers all of these use cases with professionally designed, ready-to-import templates — meaning you can start with a proven layout and customize it with your own data and branding rather than building from a blank canvas every time.

TableKit Free vs Pro: Detailed Comparison

Here is a comprehensive feature-by-feature breakdown of what is available in the free version versus the paid Pro plans:

TableKit Pro Pricing Plans

TableKit Pro is available as a one-time lifetime purchase with no recurring subscription fees:

All plans include a 14-day money-back guarantee. The current early bird pricing offers 50–70% off the regular price, making this an exceptional value for a lifetime license. All Pro plans include lifetime support and lifetime plugin updates, meaning you pay once and use the plugin indefinitely without annual renewal fees.

Frequently Asked Questions (FAQs)

1. Does TableKit Work with the Classic Editor or Only Gutenberg?

TableKit is designed natively for the WordPress Gutenberg Block Editor and does not support the Classic Editor (TinyMCE). However, since Gutenberg has been the default WordPress editor since WordPress 5.0 (released in 2018), and the Classic Editor plugin is officially scheduled to lose support in 2024, the vast majority of WordPress sites already use Gutenberg. If you are on a site still using the Classic Editor, you would need to switch to the Block Editor to use TableKit. Wpmet’s GutenKit plugin is a companion product that extends the Gutenberg block editing experience further for users wanting additional design capabilities alongside TableKit.

2. Can I Import an Existing Excel or Google Sheets Table into TableKit?

Yes. TableKit Pro supports importing data from CSV files (which Excel can export directly), from Google Sheets via a live connection, from JSON files, and from REST API endpoints. For a simple CSV import, export your spreadsheet as a CSV from Excel or Google Sheets and import it into a TableKit Data Table. For a live Google Sheets connection, publish your sheet and connect TableKit to the Sheets URL, after which the table stays synchronized with the sheet automatically — any updates made in Google Sheets appear in the WordPress table without manual intervention.

3. Will TableKit Tables Slow Down My WordPress Website?

TableKit is built with performance in mind. For Data Tables connected to external sources like Google Sheets or REST APIs, TableKit includes built-in data caching that stores the fetched data locally for a configurable period, so the external API is not called on every page load. The plugin’s Gutenberg-native architecture also means it only loads its scripts and styles on pages where a TableKit block is present, rather than loading plugin assets site-wide. For WooCommerce Product Tables and Post Tables, data is queried from your local WordPress database rather than external sources, keeping queries efficient and load times fast.

4. Can Visitors Filter, Search, and Export Data from TableKit Tables?

Yes, with TableKit Pro. Every Pro table type — Data Tables, WooCommerce Product Tables, and Post Tables — comes with built-in live search across all columns simultaneously, individual column filtering dropdowns, ascending and descending column sorting, configurable per-page pagination, and export buttons for CSV, Excel, and PDF formats. These interactive features allow visitors to find exactly the information they need from large datasets without navigating away or contacting support. You can enable or disable each of these features individually from the table’s block settings panel.

5. Is TableKit Compatible with WooCommerce and Page Builders Like Elementor?

TableKit is fully compatible with WooCommerce and works natively alongside it. The WooCommerce Product Table feature specifically integrates with your WooCommerce product catalog, pulling live product data including prices, stock levels, ratings, and categories, and enabling direct Add to Cart functionality from within the table. Regarding page builders, because TableKit is a Gutenberg-native plugin, it works within the WordPress Block Editor rather than within Elementor’s drag-and-drop interface. If you are primarily an Elementor user, Wpmet’s ElementsKit plugin (which includes 85+ widgets for Elementor) is the complementary tool from the same company for Elementor-based table needs. TableKit tables embedded via shortcode can, however, be inserted into any page builder that supports shortcode embeds.

Conclusion

Tables are one of the most powerful yet underutilized content formats in WordPress websites. When done right, they organize complex information, drive user engagement, improve search visibility, enable direct conversions, and display live dynamic data — all without requiring visitors to hunt through walls of text.

TableKit makes building these tables in WordPress genuinely accessible to everyone. The free version provides an impressive foundation — native Gutenberg integration, Gutenberg blocks inside cells, merge and split cells, full styling control, animation effects, and responsive breakpoints. The Pro version takes this to an entirely different level with WooCommerce Product Tables that let customers add to cart directly from table rows, live-synced Data Tables connected to Google Sheets and APIs, WordPress Post Tables with ACF field support, freeze columns, conditional formatting, and CSV/Excel/PDF export.

With one-time lifetime pricing starting at just $49 (Personal plan during early bird), a 14-day money-back guarantee, lifetime support and updates, and no annual subscription fees, TableKit Pro represents exceptional long-term value for any WordPress site owner who needs professional data table capabilities.

Whether you are building your first simple comparison table or launching a fully dynamic WooCommerce product catalog that updates in real time, TableKit gives you the tools to do it beautifully, reliably, and without writing a single line of code.

Download the free TableKit plugin from WordPress.org today, or visit wpmet.com/plugin/tablekit to explore Pro plans and start building the tables your WordPress website deserves.