Follow these steps to create and customize your first Product Table:

1. Insert the Product Table by Tableberg Block

• Click the (+) button in the WordPress editor to add a new block.
• Start typing “Product Table” in the block search bar.
• Select Product Table by Tableberg from the available options.

2. Select WooCommerce Table Columns

• After adding the block, you’ll see the option to Select WooCommerce table columns.
• Choose which product information you want to show as columns (e.g., Product Name, Image, Select Options for variations, Add to Cart, etc.).
• Use the dropdown to pick a field, then click Add to include it in your table.
• You can reorder or remove columns anytime.

3. Choose the Number of Items to Display

• Set how many products you want to show in your table.
• Use the toggles to display only featured products or products on sale if needed.

4. Customize the Table Design

• With the Tableberg block selected, go to the right sidebar and click the Styles tab (the paintbrush icon).
• Here, you can:
  • Change the header, row, and footer background colors.
  • Adjust cell padding and spacing.
  • Control table borders and global font styles.
• Personalize your table so it fits your site’s branding perfectly.

5. Customize Individual Sub-block

• You can also customize each sub-block (like Button) individually.
• Select the block that you want to customize and make changes from the right-hand-side options panel.

6. Publish Your Table

• Once you’re happy with the table setup and design, click Publish (or Update) to make your product table live.

Tips

• You can add multiple Product Table blocks on a single page for different product categories or types.
• Use the built-in filtering options to highlight best sellers, featured, or sale items.
• Mix and match columns (like ratings, SKUs, etc.) for a richer product comparison experience.

That’s it!

With Tableberg’s Product Table block, showcasing WooCommerce products in a beautiful, customizable table is just a few clicks away—no coding required.

<p>The post How to Use the Product Table by Tableberg Block first appeared on Tableberg.</p>

This guide will walk you through how to add a hover effect to any button added inside a Tableberg cell.

Step 1: Select the Button

First, select the button of Tableberg on which you want to apply hover effects. Then, go to the Style tab on the right sidebar.

Step 2: Choose Hover Text & Background Color

Now select the color for the options: Hover Text and Hover Background.

Here is the final preview below.

Step 3: Save the Post or Page

Finally, after applying all the customizations, you must save or publish the post to save all the settings.

Conclusion

With just a few steps, you can turn static buttons into interactive call-to-action elements using Tableberg. Adding a hover effect not only improves design but also boosts user engagement.

<p>The post How to Add Hover Effects to Buttons in Tableberg first appeared on Tableberg.</p>

Method 1: Using the Toolbar Controls

You can quickly set the table to Wide Width or Full Width using the block toolbar.

Step 1

First, select the Tableberg Block in the editor.

Step 2

Now, click on the alignment icon (1) in the toolbar and select your desired width: Wide Width or Full Width (2).

Here’s the demo below:

Method 2: Using the Options Panel

If you want precise control over the table width (in pixels), use the Tableberg settings panel.

Step 1

For this method, you must select the Tableberg Block, just as the first method’s first step.

Step 2

Now navigate to the right sidebar and scroll to Table Settings.

In the Table Settings menu, navigate to Table Width and adjust the slider to increase or decrease the table width as needed.

You can also manually input the exact measurement in pixels.

You can also input the measurements in other units of measurement, such as px, rem, vh, etc.

Conclusion

So that’s how you change the table width in Tableberg.

Consider using the “Wide” or “Full” width for responsive layouts.

And use custom pixel width when you need consistency across pages or sections.

<p>The post How to Adjust Table Width in Tableberg first appeared on Tableberg.</p>

This guide shows you where to find the border radius option and how to apply it to buttons inside your table. Follow the steps below to get started.

Step 1: Click the Button Inside the Table

Locate the button you’ve already added inside a table cell. Click directly on it to select the Button block.

Step 2: Open the Block Settings Panel

With the button selected, go to the right-hand sidebar and switch to the Styles tab to access customization options.

Step 3: Scroll to the Border Radius Option

Inside the block settings, scroll down until you find the Border section. 

Step 4: Adjust the Border Radius

Click the + icon next to the border label, select Radius, and use the input field or the slider to change the curvature of the button’s corners. 

Once you set it, the new border radius shows up right away on the button. And just like that, your button’s shape is ready to match the style you’re going for.

Conclusion

That’s all it takes to change the shape of your buttons in Tableberg. Whether you want sharp corners or a fully rounded look, the border radius setting gives you quick control without writing a single line of code. Try out a few values and see what fits your table’s vibe best.

How to Change the Button Color in Tableberg

<p>The post How to Change the Border Radius of a Button in Tableberg first appeared on Tableberg.</p>

In this guide, you’ll learn how to customize button colors and hover effects right in the editor, so your tables stay clean, functional, and professional.

Step 1: Click the Button Inside the Table

Locate the button you’ve added inside a table cell. Click directly on the button to select the Button block.

Step 2: Open the Block Settings Sidebar

Once the button is selected, look to the right-hand sidebar. If the sidebar isn’t visible, click the Settings icon in the top-right corner of the editor to open it.

Step 3: Switch to the Styles Tab

Inside the sidebar, move over to the Styles tab. This is where all the appearance-related settings for the Button block are located.

Step 4: Choose a New Button Color

Scroll down to find the Color section. You’ll see options to set the text color, hover text color, background color, and hover background color for the button. 

Click on the color palette and choose any color you like, or enter a HEX/RGB code if you want precise control.

Conclusion

Good button design in Tableberg tables comes down to two essential elements. First, the button color should contrast clearly with the table background so it stands out at a glance. Second, a defined hover state gives users instant feedback and confirms the button is interactive.

Now that you know how to set both, your buttons will look right and behave the way users expect.

How to Design Stylish Buttons in WordPress

<p>The post How to Change the Button Color in Tableberg first appeared on Tableberg.</p>

Here’s how:

Step 1: Go to the WordPress Dashboard

Navigate to your WordPress dashboard and click on ‘Add New Plugin’ under the ‘Plugins’ menu.

Step 2: Search for Tableberg

In the next step, type ‘Tableberg‘ in the search bar and hit enter.

Step 3: Install & Activate the Plugin

When the Tableberg plugin appears, click on the ‘Install Now’ button. After the installation is complete, click on ‘Activate’ to start using Tableberg.

Next Steps

Once activated, you’ll land on the welcome page. From there, you can start exploring the features or go directly to the Block Editor to create your first table.

Read: How to Create Your First Table With Tableberg

If you have any questions, feel free to reach out!

<p>The post How to Install the Tableberg Plugin first appeared on Tableberg.</p>

Follow this step-by-step guide to move rows or columns in your WordPress table.

Step 1: Select the Row or Column to Move

Click on the row or column to select it.

Step 2: Access the Move Option

Click on the ‘Edit Table’ icon from the toolbar and you’ll see the row/column move options there.

Step 3: Select Your Desired Move Option

Now you can move the column to right or left and the row to up or down. In this case, I’m moving the column to right.

That’s it! You have successfully moved a row or column in your table using Tableberg.

<p>The post How to Move a Row/Column first appeared on Tableberg.</p>

This guide will show you how to copy a table in just a few steps.

Step 1: Select the Entire Table Block

To begin, select the entire Tableberg block by clicking the Tableberg icon in the block toolbar. Ensure that the entire table is highlighted.

Step 2: Access the Copy Option

Once the table is selected:

1. Click the three-dot menu (More Options) in the block toolbar.
2. From the dropdown, select the Copy option.

Step 3: Paste the Copied Table

Navigate to the location where you want to add the copied table. Place your cursor there and press Ctrl + V (Windows) or Cmd + V (Mac) to paste the copied table. The table will appear exactly as it was in the original.

Conclusion

Copying tables in Tableberg is as easy as a few clicks. This feature helps you save time and maintain consistent formatting across multiple tables on your site.

If you encounter any issues or have questions, feel free to reach out to our support team.

Also Read:

• How to Duplicate a Table
• How to Duplicate a Row/Column

<p>The post How to Copy a Table first appeared on Tableberg.</p>

This guide will walk you through the process step by step. Whether you’re upgrading to a higher plan or switching to a lifetime license, the process ensures you only pay the difference, thanks to our pricing system.

Upgrading your license is quick and easy! Follow the steps below.

Step 1: Go to the Pricing Page

Visit the Tableberg pricing page and click on the Choose button under your desired plan.

Once the pricing wizard popped up, click on the ‘Enter License Key’ option.

Step 2: Type Your License Key

Enter your existing license key into the box and click on the ‘APPLY’ link.

Step 3: Complete the Upgrade

After completing the above steps, it will show you the adjusted price.

Once you’re ok with that, click on the ‘Review Order‘ button.

Conclusion

That’s it! Your license is now upgraded. If you need further assistance, feel free to reach out to our support team or explore more guides in our documentation.

<p>The post How to Upgrade Your License first appeared on Tableberg.</p>

Let’s explore how to change the table header background color with the Tableberg plugin.

Step 01: Enable the Table Header

Select the entire table by clicking the Tableberg icon. By default, the header is disabled. So, toggle off the Disable Header option.

You can see the header is enabled. Now, add some titles to the header.

Step 02: Change the Header Background Color

Go to the Styles tab on the right sidebar. Click the Header Background Color option.

A color box will open up. Select a color. You’ll it’s instantly applied to the header.

So, it’s simple to change the table header background color.

Conclusion

Hope you enjoyed this guide. You can use the table header for various other use cases. For example, you can define the units of measurement (prices, weights, size) and categorical information (data, region) in the header cells.

Before exiting, you may explore this post on how to make a WordPress table sortable.

<p>The post How to Change the Table Header Background Color first appeared on Tableberg.</p>