wpRigel

Rokib

Sakil Adnan

Whether you’re a blogger, an e-commerce store owner, or affiliate marketer, TableStack provides all the features and functionalities you need to create visually appealing and functional tables effortlessly.
With our user-friendly interface, you can create everything from product tables to comparison tables just as you want. Get the freedom to present information on your website.
In this era of AI, efficiency is key. TableStack by <a href="https://github.com/promyaaa" rel="nofollow ugc">A R Promy</a> is here to make your day-to-day tasks easier and more effective.
<ul>
<li>TableStack Features at a glance</li>
<li>TableStack Demo</li>
<li>TableStack Docs</li>
</ul>
For bloggers, creating engaging content is key. With TableStack, you can easily create pricing tables, comparison charts, and structured content that helps your readers explore information quickly.
The intuitive drag-and-drop feature of this table creator allows you to rearrange columns with ease, enabling you to highlight the most important information without any coding knowledge.
eCommerce store owners can create dynamic product tables that display prices, descriptions, and images side by side. The built-in “Add to Cart” functionality of TableStack lets your customers purchase items directly from the table block.
Advanced filtering options enable you to narrow down users’ choices by categories, tags, or attributes. Plus, with pagination and search functionalities, your users can navigate large inventories seamlessly.
Affiliate marketers can greatly benefit from TableStack as well. When promoting various products, the ability to create comparison tables is crucial for helping potential customers make informed decisions.
TableStack allows you to display affiliate products side-by-side in a flexible table block format, complete with images, descriptions, prices, and ratings.
The versatility of TableStack doesn’t stop at its basic features. With both free and premium versions, this table creator block plugin offers a range of capabilities that cater to the evolving needs of its users all within Gutenberg editor.
Upgrade to the premium version, and you unlock advanced functionalities that take your table presentation to the next level.
Features like sticky rows and columns keep important data visible while users scroll. Custom HTML capabilities allow for added customization, while the ability to insert icons and styled lists enriches your tables visually. With star ratings, users can quickly assess product quality at a glance.
The advanced filtering and sorting options allow users to find exactly what they need based on various criteria. You can even add conditional formatting to highlight important product attributes, like stock status.
The ability to export table data directly to Excel or create tables from imported data simplifies the management of product information. Scheduled exports mean you can keep your data updated effortlessly.
<h3>Feature wise detailed overview of TableStack</h3>
With TableStack, you’ll have access to a variety of features that enhance your table creation experience:
<ul>
<li>Integration with Gutenberg: As a 100% Gutenberg table block, TableStack integrates seamlessly with the block editor. No short code required.</li>
<li>Add to Cart Functionality: Seamlessly integrate “Add to Cart” buttons within your table blocks. Allows your users to make purchases directly from the table view.</li>
<li>Drag-and-Drop Builder: Easily rearrange columns in your tables for a personalised view. Highlight the most important information first.</li>
<li>Advanced Filtering and Sorting: Effortlessly sort and filter your data by categories, tags, and attributes.</li>
<li>Responsive Tables: Ensure your tables look great on all devices, from desktops to smartphones. This adaptability makes your content accessible to all users.</li>
<li>Custom HTML and Icons: Enhance your tables with custom HTML elements and icons, making them more interactive and visually appealing.</li>
<li>Search and Pagination: Enable search functionality and pagination to help users navigate large datasets seamlessly.</li>
<li>Typography and Style Customization: Modify font styles, cell padding, and colors to create a table that fits your website’s design aesthetic perfectly.</li>
<li>Export Options: Easily export your table data to Excel, PDF, or CSV formats, simplifying the sharing and analysis of information.</li>
<li>Sticky Rows and Columns: Keep important headers or categories visible while scrolling through large tables, improving user experience.</li>
</ul>
<h3>Core Use Cases of TableStack Plugin</h3>
<ul>
<li>Pricing Tables: Display various pricing tiers and product features side by side for clear comparisons.</li>
<li>Comparison Tables: Help users make informed decisions by comparing product specifications and features easily.</li>
<li>Product Catalogs: Showcase a wide range of products in an organized manner, perfect for online stores.</li>
<li>Affiliate Marketing: Create tables to highlight affiliate products with relevant information and “Add to Cart” buttons.</li>
</ul>
<h3>TableStack Core Features in Free Version</h3>
<h3>Default Table Features</h3>
<ol>
<li>Customizable Table Structure:
<ul>
<li>Users can specify the number of rows and columns, and the table is dynamically generated based on that input.</li>
</ul>
</li>
<li>Individual Block Cells:
<ul>
<li>Each cell is treated as an individual block, allowing the insertion of the following block types:
<ul>
<li>Paragraph</li>
<li>List</li>
<li>Image</li>
<li>Button</li>
</ul>
</li>
</ul>
</li>
<li>Cell Content Alignment:
<ul>
<li>The table block toolbar includes options for:
<ul>
<li>Horizontal Alignment: Align text or content to the left, right, or center.</li>
<li>Vertical Alignment: Align content to the top, middle, or bottom.</li>
</ul>
</li>
</ul>
</li>
<li>Row and Column Management:
<ul>
<li>Each cell has its own toolbar for managing table structure, allowing users to:
<ul>
<li>Insert rows or columns</li>
<li>Delete rows or columns</li>
</ul>
</li>
</ul>
</li>
<li>Header Control:
<ul>
<li>Users can easily add or remove a table header from the table settings.</li>
</ul>
</li>
<li>Table Styling:
<ul>
<li>The style section includes customization options for:
<ul>
<li>Coloring odd rows, even rows, and header rows.</li>
<li>Adjusting cell padding to control spacing within each cell.</li>
</ul>
</li>
</ul>
</li>
</ol>
<h3>WooCommerce Product Table Features</h3>
<ol>
<li>Predefined Product Table Structure:
<ul>
<li>Automatically generates a WooCommerce product table with the following fields:
<ul>
<li>ID</li>
<li>Name</li>
<li>Attributes</li>
<li>Image</li>
<li>Short Description</li>
<li>Stock Status</li>
<li>Type</li>
<li>Average Rating</li>
<li>Add to Cart</li>
</ul>
</li>
</ul>
</li>
<li>Drag-and-Drop Column Rearrangement:
<ul>
<li>Users can drag and drop columns to rearrange the order of table fields for a custom view.</li>
</ul>
</li>
<li>Content Alignment:
<ul>
<li>The table toolbar includes options for:
<ul>
<li>Horizontal Alignment: Align content to the left, right, or center</li>
<li>Vertical Alignment: Align content to the top, middle, or bottom</li>
</ul>
</li>
</ul>
</li>
<li>Search & Pagination:
<ul>
<li>Search Input: Allows users to search for products within the table.</li>
<li>Pagination: Users can navigate through multiple pages of products.</li>
</ul>
</li>
<li>Search Input Customization:
<ul>
<li>Settings include options to:
<ul>
<li>Show or hide the search input</li>
<li>Adjust the input width</li>
<li>Float the search input to the left or right</li>
</ul>
</li>
</ul>
</li>
<li>Column Visibility Management:
<ul>
<li>Users can manage column visibility by checking/unchecking columns to show or hide them in the table.</li>
</ul>
</li>
<li>Sorting & Filtering Options:
<ul>
<li>Items Per Page: Set the number of items displayed per page.</li>
<li>Filter by Categories & Tags: Filter products by specific WooCommerce categories and tags.</li>
<li>Sorting Options: Sort the table by:
<ul>
<li>Order: Ascending (ASC) or Descending (DESC).</li>
<li>Order By: Date, title, popularity, rating, price, comment count, and more.</li>
</ul>
</li>
<li>Product Type Filter: Filter by product types (e.g., Simple, Variable).</li>
<li>Custom No Data Message: Set a custom message to be displayed when no products are found.</li>
</ul>
</li>
<li>Advanced Style Settings:
<ul>
<li>Typography Customization: Modify font styles for the table.</li>
<li>Image Column Customization: Adjust the size of images within the image column.</li>
<li>Row Styling:
<ul>
<li>Color header rows.</li>
<li>Style odd and even rows separately.</li>
</ul>
</li>
<li>Cell Padding Adjustment: Customize the padding for table cells to control spacing.</li>
</ul>
</li>
</ol>
<h3>TableStack Premium Features</h3>
Unlock the full potential of TableStack with our premium features that meet the needs of expanding WooCommerce stores and affiliate marketers:
<ul>
<li>Sticky Rows/Columns: Fix specific rows or columns in place while scrolling, ensuring that crucial information remains visible.</li>
<li>Custom HTML & Icons: Insert custom HTML content and embed icons directly within table blocks for dynamic presentations.</li>
<li>Cell Background Color & Borders: Apply unique background colors and borders to specific cells, enhancing the visual hierarchy of your tables.</li>
<li>Ribbon & Styled Lists: Highlight important rows with ribbons and create custom-styled lists within cells for better organization.</li>
<li>Star Rating Elements: Include star ratings within cells to showcase product reviews and ratings effectively.</li>
<li>Export Table Data: Effortlessly export your table data to Excel and allow the creation of tables from external data sources like CSV files.</li>
<li>Merge Cells & Duplicate Content: Streamline your table management by merging multiple cells together or duplicating cell content easily.</li>
</ul>
<h3>Additional Features Coming Soon</h3>
TableStack is committed to continually enhancing user experience. Here are some advanced features we plan to introduce:
<ul>
<li>Advanced Filtering and Sorting: Enable multi-criteria filtering to filter products based on multiple attributes simultaneously.</li>
<li>Custom Row/Column Design: Choose from predefined or custom design templates for rows and columns, such as a product comparison style.</li>
<li>Enhanced Typography Controls: Access advanced typography settings, including line height, letter spacing, and hover effects for text in columns.</li>
<li>Image Zoom & Gallery Support: Implement hover-based image zoom for product images and support for galleries within the table.</li>
<li>Advanced Interactivity: Introduce a quick view feature for products, allowing users to preview items directly from the table block without navigating away.</li>
</ul>
<h3>Why Choose TableStack?</h3>
TableStack is not just a table builder plugin or block; it’s a comprehensive table creator that empowers you to display products effectively. With its extensive customization options, user-friendly interface, and powerful features, TableStack helps you create the perfect table block for any need.
<h3>Acknowledgements</h3>
This plugin utilizes the <a href="https://tanstack.com/table/latest" rel="nofollow ugc">Tanstack Table service</a> to provide additional table functionality. This third-party service helps us to arrange table data including dynamic sorting, filtering and search based on user input. For more information on <a href="https://github.com/TanStack/table#MIT-1-ov-file" rel="nofollow ugc">Tanstack Table licenses</a>
<h4>Author</h4>
Created by <a href="https://github.com/promyaaa" rel="nofollow ugc">A R Promy</a>

TableStack- Ultimate Table Builder for Block Editor

TableStack is a powerful WordPress plugin for creating and managing tables in the Gutenberg editor. No shortcode required.

primisdigital

The “Table Manager” plugin for WordPress allows users to create, manage and display tables easily using a shortcode. It enables creating tables, adding and updating columns, and managing data (insert, update, delete). Each table generates a unique shortcode for displaying content on posts or pages. The plugin also provides secure form handling, an easy-to-use admin interface, and custom CSS/JS for table display on the front end.
<h3>Features</h3>
Create and manage custom tables from the WordPress admin panel. 
Add, delete, and update table columns dynamically. 
Insert and update table data through an easy-to-use interface. 
The Display tables using a simple shortcode. 
The Secure and optimized queries using WordPress best practices.
<h3>Admin Installer via search:</h3>
Visit the Add New plugin screen and search for “Table Manager”. 
Click the “Install Now” button. 
Activate the plugin.
<h3>Admin Installer via zip:</h3>
Download the Plugin. 
Extract the ZIP file and upload. 
Activate the plugin through the “Plugins” menu in WordPress.
<h3>Usage</h3>
<ol>
<li>Creating a New Table</li>
</ol>
Navigate to Table Manager in the WordPress admin panel. 
Click on “Create Table” and enter the table name. 
Add columns as needed and save the table.
<ol>
<li>Managing Table Data</li>
</ol>
Select a table from the dropdown menu. 
Insert new records using the input form. 
Delete or update records directly from the interface.
<ol>
<li>Displaying Tables on the Frontend</li>
</ol>
Use the following shortcode in posts or pages to display a table: 
[display_table name=”your_table_name”]
<h3>Security Best Practices</h3>
Admin Capability Check: Access is restricted to administrators using manage_options capability. 
SQL Injection Prevention: Queries are secured with WordPress $wpdb->prepare() where applicable. 
Input Sanitization: All user inputs are sanitized before being inserted into the database.
<h3>Code Example</h3>
Registering Admin Menu:
function form_datamenu() { 
 add_menu_page( 
 ‘Table Manager’, ‘Table Manager’, ‘manage_options’, 
 ‘form_datamenu’, ‘form_data_adminpage’, 
 ‘dashicons-database’, 20 
 ); 
} 
add_action(‘admin_menu’, ‘form_datamenu’);

Table Manager

Table Manager plugin helps to create table from wordpress posts, page.

TableStack- Ultimate Table Builder for Block Editor vs Table Manager