Title: WSTech Visual Table Builder Author: Shiv Maikhuri Published: June 11, 2026 Last modified: June 24, 2026 --- Search plugins ![](https://ps.w.org/wstech-visual-table-builder/assets/banner-772x250.png?rev=3568466) ![](https://ps.w.org/wstech-visual-table-builder/assets/icon-256x256.png?rev=3568466) # WSTech Visual Table Builder By [Shiv Maikhuri](https://profiles.wordpress.org/shivmaikhuri/) [Download](https://downloads.wordpress.org/plugin/wstech-visual-table-builder.2.0.2.zip) * [Details](https://test.wordpress.org/plugins/wstech-visual-table-builder/#description) * [Reviews](https://test.wordpress.org/plugins/wstech-visual-table-builder/#reviews) * [Installation](https://test.wordpress.org/plugins/wstech-visual-table-builder/#installation) * [Development](https://test.wordpress.org/plugins/wstech-visual-table-builder/#developers) [Support](https://wordpress.org/support/plugin/wstech-visual-table-builder/) ## Description **WSTech Visual Table Builder** is a visual WordPress table builder for creating responsive pricing tables, comparison tables, feature matrices, and structured data tables directly in Gutenberg. Build tables with a visual Gutenberg editor, drag-and-drop controls, merged cells, starter templates, CSV import/export, sorting, search, pagination, and mobile display options. Create reusable tables once and insert them anywhere with shortcodes, or build inline tables directly inside the block editor. #### What You Can Build Use the plugin for pricing tables, product comparison tables, feature comparison charts, employee directories, class timetables, project trackers, invoice tables, nutrition facts tables, and searchable data tables. #### ✨ Key Features **Reusable Table Management** * Dedicated “WSTech Tables” admin screen — create, edit, duplicate, delete * Each table gets a unique shortcode: `[wstech_table id=" 123"]` * Embed tables in Gutenberg, Elementor, Divi, Beaver Builder, Classic Editor, or PHP templates * Slug-based shortcodes supported: `[wstech_table slug="pricing- table"]` * WordPress revisions for table version history **Editor Experience** * Click-to-edit cells with full rich text (bold, italic, underline, strikethrough, links) * Per-cell formatting: background colour, text colour, alignment, vertical align, padding * Tab/Shift+Tab keyboard navigation — auto-adds rows at the end * Right-click context menu for quick row/column operations* Drag & drop row and column reordering * Undo / Redo via WordPress native history( Ctrl+Z / Ctrl+Y) **Table Structure** * Header row (thead), footer row (tfoot), first-column headers* Merge cells (colspan + rowspan) — Shift+click to multi-select, then merge * Unmerge any merged cell with one click * Duplicate rows and columns * Insert/delete rows and columns (above/below/before/after) * Optional table caption **10 Built-in Templates** * Blank 4×4, Employee Directory, Pricing Table, Product Comparison * Invoice/Bill, Class Timetable, Sports Standings, Project Tracker * Budget Tracker, Nutrition Facts **6 Premium Themes** * Default (Indigo), Striped (Sky Blue), Bordered (Slate), Dark, Minimal, Colorful **Data Import / Export** * Export CSV (always available in editor) * Export JSON(. vtb.json) — full table backup including styles and settings * Import CSV — file upload or paste, auto-detects delimiter * Import JSON — restore a previously exported. vtb.json * Frontend CSV Export button (opt-in per table) **Frontend Interactivity (instant, no page reloads)** * Column sorting (ASC/DESC, numeric + date-aware) * Live search / row filter * Pagination with configurable page size * Hover row highlight **Responsive Design** * Horizontal scroll mode (default) * Stack on Mobile mode— each row becomes a vertical card with column labels **Universal Compatibility** * Gutenberg Block Editor (native) * Elementor (Shortcode Widget) * Divi (Code Module) * Beaver Builder * Classic Editor * PHP templates: ` ` **Privacy / External Services** * The plugin does not send table data to external services. * Links to the plugin website and donation page are ordinary admin/readme links only. **Source Code and Build** * Public source repository: https://github.com/shivmaikhuri12/ wstech-visual-table-builder * Editable block source files are in the `src/` directory.* Compiled block assets are generated into the `build/` directory by `@wordpress/scripts`.* Build tools and development dependencies are declared in `package.json`. * To rebuild the production assets from source, run: ``` npm install npm run build ``` **Uninstall** * Uninstalling the plugin through WordPress removes WSTech Tables created by the plugin and their associated post meta. #### 🔧 How to Use **Method 1: Reusable Tables (Recommended)** 1. Go to **WSTech Tables Add New** in the admin 2. Name your table and design it using the visual editor 3. Click ** Publish** 4. Copy the shortcode from the sidebar: `[wstech_table id="123"]` 5. Paste the shortcode anywhere — pages, posts, Elementor, Divi, etc. **Method 2: Inline Tables (Quick)** 1. In any post/page, click **+ Add Block** and search for “Visual Table Builder” 2. Design your table directly in the post 3. Save the post — your table is live! ### Features #### Visual Gutenberg Table Editor Build tables directly in the WordPress editor using a visual grid. Click any cell to edit content, use toolbar controls for common formatting, and reorder rows or columns with drag and drop controls. The editor is designed for people who need spreadsheet-style table control without writing HTML. #### Merge Cells Create more advanced table layouts with colspan and rowspan support. Select a rectangular group of cells, merge them into one larger cell, and unmerge later when the layout needs to change. This is useful for pricing tables, schedules, invoice totals, grouped comparison rows, and table headings. #### Responsive Pricing and Comparison Tables Choose between horizontal scroll mode and Stack on Mobile mode. Horizontal scroll keeps wide pricing, comparison, and data tables intact on smaller screens, while Stack on Mobile turns rows into compact vertical cards with column labels. #### CSV Import / Export for Table Data Import CSV files from Excel, Google Sheets, LibreOffice, or pasted spreadsheet data. Export CSV from the editor, and optionally enable a frontend CSV export button for visitors when a table needs downloadable data. #### JSON Backup and Restore Export a full `.vtb.json` backup that includes table content, merged cells, styles, captions, responsive settings, sorting, search, pagination, and other table options. Import the JSON file later to restore the table state. #### Reusable WordPress Tables with Shortcodes Create tables in **WSTech Tables Add New**, publish them once, and embed them across multiple pages. Updating the saved table updates every shortcode instance automatically. #### Shortcodes Embed reusable tables with `[wstech_table id="123"]` or `[wstech_table slug="pricing- table"]`. Shortcodes work in posts, pages, widgets, Classic Editor, Elementor, Divi, Beaver Builder, and PHP templates. #### Sortable Searchable Data Tables Enable live search to help visitors filter table rows instantly. Add sortable columns and pagination when a data table has many rows and should be easier to scan. #### Templates Start faster with built-in templates including blank table, employee directory, pricing table, product comparison, invoice, class timetable, sports standings, project tracker, budget tracker, and nutrition facts. #### Gutenberg Integration Use the native **Visual Table Builder** block for inline tables, or use the WordPress Shortcode block to insert reusable tables created from the WSTech Tables admin screen. ### Docs #### Creating a Reusable Table Reusable tables are best when the same table needs to appear in more than one place. Create the table under **WSTech Tables**, publish it, and use its shortcode anywhere. When the table is edited later, all embedded instances update automatically. #### Creating an Inline Gutenberg Table For a table that only belongs to one post or page, add the **Visual Table Builder** block directly in the Gutenberg editor. Inline tables are stored with the post content. #### Importing CSV Data Use **Import CSV** in the table toolbar. You can upload a CSV file or paste CSV text. The importer detects common delimiters such as commas, tabs, semicolons, and pipes. #### Exporting Table Data Use CSV export when you need spreadsheet-compatible data. Use JSON export when you need a full backup of table content, styles, merged cells, and display settings. #### Frontend Data Controls Sorting, search, pagination, hover highlighting, and frontend CSV export are optional per table. Enable only the features each table needs. #### Responsive Display Use horizontal scroll for wide technical or comparison tables. Use Stack on Mobile for directory, pricing, or feature-list tables where each row should become a readable mobile card. ### Shortcodes #### Embed by Table ID ``` [wstech_table id="123"] ``` This is the recommended shortcode because the numeric ID does not change. #### Embed by Table Slug ``` [wstech_table slug="pricing-table"] ``` This is useful for readable shortcodes. If the table slug changes, update the shortcode. #### Use in PHP Templates ``` ``` #### Where Shortcodes Work * WordPress Shortcode block * Classic Editor * Elementor Shortcode widget * Divi Code module * Beaver Builder shortcode/HTML module * Widget areas that support shortcodes * Theme templates with `do_shortcode()` #### Shortcode Troubleshooting If a shortcode does not display a table, confirm that the table exists, is published, and that the shortcode ID or slug is correct. ### Developer Notes **Data Model:** Tables are stored as JSON in post meta (`_wstech_table_data`) with a `version` field for future migration support. **Rendering:** A shared PHP renderer (`WSTech_Table_Renderer`) generates frontend HTML for both Gutenberg blocks (via `render_callback`) and shortcodes. **Block Name:** The Gutenberg block namespace is `vtb/table-builder` (stable, will not change). **Building from source:** `cd wp-content/plugins/wstech-visual-table-builder npm install npm run build ## Screenshots [⌊Visual Gutenberg table builder for pricing tables, comparison tables, and responsive data tables⌉⌊Visual Gutenberg table builder for pricing tables, comparison tables, and responsive data tables⌉[ Visual Gutenberg table builder for pricing tables, comparison tables, and responsive data tables [⌊WSTech Tables admin dashboard for managing reusable shortcode tables⌉⌊WSTech Tables admin dashboard for managing reusable shortcode tables⌉[ WSTech Tables admin dashboard for managing reusable shortcode tables [⌊Template picker with pricing, product comparison, invoice, timetable, and directory layouts⌉⌊Template picker with pricing, product comparison, invoice, timetable, and directory layouts⌉[ Template picker with pricing, product comparison, invoice, timetable, and directory layouts [⌊CSV and JSON import/export workflow for table data and full table backups⌉⌊CSV and JSON import/export workflow for table data and full table backups⌉[ CSV and JSON import/export workflow for table data and full table backups [⌊Responsive sortable and searchable frontend data table with pagination⌉⌊Responsive sortable and searchable frontend data table with pagination⌉[ Responsive sortable and searchable frontend data table with pagination [⌊Reusable table shortcode embedded in Elementor and other page builders⌉⌊Reusable table shortcode embedded in Elementor and other page builders⌉[ Reusable table shortcode embedded in Elementor and other page builders ## Blocks This plugin provides 1 block. * Visual Table Builder Create beautiful, professional tables with MS Word/Excel- style features — themes, sorting, filtering, pagination, CSV export, and full cell formatting. ## Installation 1. Download the plugin ZIP file. 2. In WordPress admin, go to **Plugins Add New Upload Plugin**. 3. Select the `wstech-visual-table-builder.zip` file and click **Install Now**. 4. Activate **WSTech Visual Table Builder** from the Plugins screen. 5. Go to **WSTech Tables Add New** to create a reusable table. 6. Publish the table and copy the shortcode from the sidebar or table list. 7. Paste the shortcode into a post, page, widget, builder module, or template. 8. For one-off tables, edit any post or page and add the **Visual Table Builder** block directly. #### Manual Installation 1. Extract the plugin ZIP. 2. Upload the `wstech-visual-table-builder` folder to `/wp-content/plugins/`. 3. Activate the plugin from **Plugins Installed Plugins**. 4. Confirm that **WSTech Tables** appears in the WordPress admin menu. #### First Table Setup 1. Go to **WSTech Tables Add New**. 2. Add a title for admin reference. 3. Build your table manually or start from a template. 4. Configure header row, footer row, theme, responsive mode, search, sorting, and pagination as needed. 5. Publish the table. 6. Copy the generated shortcode and embed it where the table should appear. ## FAQ ### How do I create a pricing table in WordPress? Go to **WSTech Tables Add New**, start with the Pricing Table template or a blank table, edit the plans and features visually, then publish and embed it with the generated shortcode. ### How do I build a comparison table in Gutenberg? Add the **Visual Table Builder** block in Gutenberg or create a reusable table from** WSTech Tables**. You can use templates, merge cells, add headers, and enable responsive display options. ### Can I create responsive data tables in WordPress? Yes. Tables can use horizontal scroll for wide layouts or Stack on Mobile mode for a labeled mobile view. Sorting, search, and pagination can also be enabled per table. ### Can I import CSV or Excel data into a table? Yes. Export your Excel, Google Sheets, or LibreOffice data as CSV, then use the ** Import CSV** button. You can upload a CSV file or paste CSV content. ### Does the plugin work with Elementor and shortcodes? Yes. Create a reusable table, copy its shortcode, then paste it into an Elementor Shortcode widget, Divi module, Classic Editor content, widgets, or any shortcode- compatible area. ### Can I use the same table on multiple pages? Yes! Create the table once in WSTech Tables, then paste the same shortcode on as many pages as you want. Editing the table updates it everywhere. ### Does it work with Classic Editor? Yes. Use the shortcode `[wstech_table id="123"]` in the Classic Editor text area. ### Can I export tables? Yes. Use CSV export for spreadsheet data, or JSON export for a full table backup that includes styles and settings. ### How does sorting work? When you enable **Sortable Columns** in the sidebar, visitors can click any column header to sort. Sorting is numeric-aware and works entirely client-side. ### Can I merge cells? Yes. Shift+click to select a rectangular range, then click **Merge Cells** in the format bar. ### Does it work with Gutenberg? Yes. The plugin includes a native Gutenberg block for inline tables and also supports reusable tables through the Shortcode block. ### Can I reuse tables? Yes. Tables created in **WSTech Tables** can be embedded on multiple pages with the same shortcode. ### Where is the source code for the compiled block assets? The public source repository is https://github.com/shivmaikhuri12/wstech-visual- table-builder. Editable files are in `src/`, compiled files are in `build/`, and the production build can be regenerated with `npm install` followed by `npm run build`. ## Reviews ![](https://secure.gravatar.com/avatar/8094e27e9aa179dedabac50f7ca86631310bfe87881eb43a4fe3118177c5b7fb? s=60&d=retro&r=g) ### 󠀁[Simple, Practical and Does the Job Well](https://wordpress.org/support/topic/simple-practical-and-does-the-job-well/)󠁿 [manarachopra](https://profiles.wordpress.org/manarachopra/) June 25, 2026 1 reply We were looking for a table plugin that wasn’t overly complicated and this one fit our needs nicely. The interface is easy to understand, table creation is quick, and the responsive behavior works well on mobile devices. We especially liked the ability to manage tables visually instead of dealing with code. Still exploring all the features, but the experience so far has been very positive. ![](https://secure.gravatar.com/avatar/c4203578eb1939a83d903968bf6bd21acbaf8192179901f5ac6e0b1321106ff7? s=60&d=retro&r=g) ### 󠀁[Easy to use, very useful](https://wordpress.org/support/topic/easy-to-use-very-useful-7/)󠁿 [rakeshkvashisht](https://profiles.wordpress.org/rakeshkvashisht/) June 24, 2026 I had been looking for something like this, easy to install and easy to use without any complexcity. The best part, though I did not use its 100% features but I guess I used more than 85% of fetaures and it works more than fair, and my clients can export csv files easily from my website. Many thanks guys ![](https://secure.gravatar.com/avatar/e3a2d285515171c1d87a0eb254534cd6e0b01ac15cbb29f9442402c7db71e0aa? s=60&d=retro&r=g) ### 󠀁[Its really working well](https://wordpress.org/support/topic/its-really-working-well/)󠁿 [coolsam15](https://profiles.wordpress.org/coolsam15/) June 23, 2026 I have been using many other table creation tools/plugins in wordpress for various other purposes, and some are good some are not. This time I found this new one and I tried it. The best part is “Its very simple to use”. Output is also cool indeed. I suggest it for all table related task. Thanks guys ![](https://secure.gravatar.com/avatar/9c28b9507205cc3c679a1130a3bd0be514d6c10b7c3812c35da28278ed7f35de? s=60&d=retro&r=g) ### 󠀁[Clean Interface and Easy to Use](https://wordpress.org/support/topic/clean-interface-and-easy-to-use/)󠁿 [topofdworld](https://profiles.wordpress.org/topofdworld/) June 20, 2026 I tried several table plugins before finding this one, and this has been one of the easiest to work with. The visual editor makes table creation straightforward, even for non-technical users. Clean design, smooth experience, and good results. Happy to recommend it. ![](https://secure.gravatar.com/avatar/4150d27ea96b586222a4ba99560fab8739e927a343070b042953b49d35290d2f? s=60&d=retro&r=g) ### 󠀁[Easy to Use and Packed with Features](https://wordpress.org/support/topic/easy-to-use-and-packed-with-features/)󠁿 [Wordpress-lover](https://profiles.wordpress.org/candd/) June 20, 2026 We’ve been using this plugin for creating responsive tables on our website, and the experience has been great so far. The drag-and-drop interface is intuitive, table customization is flexible, and features like sorting, search, and responsive layouts work really well. It has saved us a lot of time compared to building tables manually. Looking forward to future updates.Ekdam mast hai, ligh weighted as well. [ Read all 4 reviews ](https://wordpress.org/support/plugin/wstech-visual-table-builder/reviews/) ## Contributors & Developers “WSTech Visual Table Builder” is open source software. The following people have contributed to this plugin. Contributors * [ Shiv Maikhuri ](https://profiles.wordpress.org/shivmaikhuri/) [Translate “WSTech Visual Table Builder” into your language.](https://translate.wordpress.org/projects/wp-plugins/wstech-visual-table-builder) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/wstech-visual-table-builder/), check out the [SVN repository](https://plugins.svn.wordpress.org/wstech-visual-table-builder/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/wstech-visual-table-builder/) by [RSS](https://plugins.trac.wordpress.org/log/wstech-visual-table-builder/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 2.0.2 * Fixed the Installed Plugins details modal to use the native WordPress.org plugin information response instead of a local custom override. * Restored standard WordPress.org plugin details behavior, including support for Screenshots, Reviews, ratings, and install metadata where available. #### 2.0.1 * Fixed release metadata so the plugin version header, stable tag, and WordPress. org SVN tag match. #### 2.0.0 * NEW: Reusable Table Management via Custom Post Type * NEW: Shortcode support `[wstech_table id="123"]` and `[wstech_table slug="name"]` * NEW: WSTech Tables admin screen (list, create, edit, duplicate, delete) * NEW: Shared PHP rendering engine (server-side rendering) * NEW: Dynamic block rendering via render_callback * NEW: WordPress revisions support for table version history * NEW: Sidebar meta box with copy-to-clipboard shortcode * NEW: Plugin action links (Manage Tables, Add New) * NEW: Elementor / Divi / Classic Editor support via shortcodes * NEW: Merge cells (Shift+click multi-select + colspan/rowspan) * NEW: Drag & Drop row and column reordering * NEW: 10 built-in templates with animated modal picker * NEW: CSV Import, JSON Import/Export * NEW: Duplicate Row/Column * NEW: Undo / Redo toolbar buttons * NEW: Right-click context menu * IMPROVED: Responsive Stack mode with column labels on mobile * IMPROVED: Future-proof cell data model with meta field #### 1.0.0 * Initial release * Gutenberg block with WYSIWYG cell editing * 6 premium themes, cell formatting, sorting, search, pagination * CSV export, responsive modes ## Meta * Version **2.0.2** * Last updated **4 days ago** * Active installations **20+** * WordPress version ** 6.2 or higher ** * Tested up to **7.0** * PHP version ** 7.4 or higher ** * Language * [English (US)](https://wordpress.org/plugins/wstech-visual-table-builder/) * Tags * [comparison table](https://test.wordpress.org/plugins/tags/comparison-table/) [data table](https://test.wordpress.org/plugins/tags/data-table/)[pricing table](https://test.wordpress.org/plugins/tags/pricing-table/) [responsive table](https://test.wordpress.org/plugins/tags/responsive-table/) [Table Builder](https://test.wordpress.org/plugins/tags/table-builder/) * [Advanced View](https://test.wordpress.org/plugins/wstech-visual-table-builder/advanced/) ## Ratings 5 out of 5 stars. * [ 5 5-star reviews ](https://wordpress.org/support/plugin/wstech-visual-table-builder/reviews/?filter=5) * [ 0 4-star reviews ](https://wordpress.org/support/plugin/wstech-visual-table-builder/reviews/?filter=4) * [ 0 3-star reviews ](https://wordpress.org/support/plugin/wstech-visual-table-builder/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/wstech-visual-table-builder/reviews/?filter=2) * [ 0 1-star reviews ](https://wordpress.org/support/plugin/wstech-visual-table-builder/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/wstech-visual-table-builder/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/wstech-visual-table-builder/reviews/) ## Contributors * [ Shiv Maikhuri ](https://profiles.wordpress.org/shivmaikhuri/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/wstech-visual-table-builder/) ## Donate Would you like to support the advancement of this plugin? [ Donate to this plugin ](https://wstech.in/donate)