---
title: "How to Create Comparison Table in WordPress?"
url: https://nexterwp.com/docs/comparison-table-in-wordpress/
date: 2023-04-11
modified: 2026-04-15
author: "Aditya Sharma"
description: "Comparison tables can be a great way to showcase and compare products, services, or features on your WordPress website. Whether you're running an e-commerce site or a blog, a well-designed..."
image: https://nexterwp.com/wp-content/uploads/2024/05/comparison-table-in-wordpress-1024x519.jpg
word_count: 584
---

# How to Create Comparison Table in WordPress?

## Key Takeaways

- Nexter Blocks Data Table block creates comparison tables in WordPress without coding knowledge, and it requires Nexter Blocks to be installed and activated.
- Table Header tab starts with a Row, and the post says a table header should ideally have only one row while the number of columns in the table header and body stays the same.
- Mark this cell as a Table Heading? highlights the first column of the comparison table, and the Advanced tab controls Column Span, Row Span, column width, cell color, background color, and content alignment.

Comparison tables can be a great way to showcase and compare products, services, or features on your WordPress website. Whether you're running an e-commerce site or a blog, a well-designed comparison table can help your visitors make informed decisions and improve their user experience.

With the help of the Data Table block from the Nexter Blocks, you can create comparison tables quickly and conveniently without having any coding knowledge.

*To check the complete feature overview documentation of the Nexter Blocks Data Table block, [click here](/docs/data-table-block-settings-overview/).*

***Requirement  - This block is a part of the Nexter Blocks***, make sure its installed & activated to enjoy all its powers.

[LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/blocks/wordpress-data-table/)

To do this, add the block on the page, then follow the steps - 

1. Choose **Standard** as the content source from the **Type** section under the **Table** tab.

![](https://nexterwp.com/wp-content/uploads/2023/04/data-table-standard-new.png)

2. From the **Table Header** tab, you can add the table’s header. Once you open the tab, the first item you’ll see is a **Row**. It is the row of the table header.

![](https://nexterwp.com/wp-content/uploads/2023/04/data-table-table-header-row-new-2.png)

> *Note: To add a row in the table header or body, you have to initiate a row first.* 

Open the item, and select **Start New Row **from the **Action** section.

![](https://nexterwp.com/wp-content/uploads/2023/04/data-table-start-new-row-new.png)

3. To edit the header cell content, open the first **Cell: ID** item. You’ll see the **Action** section is set to **Cell Content** because it is a content cell.

Then in the **Content** tab, you can add text content in the **Text** field. 

From the **Icon** tab, you can add an image or icon to the table content.

Finally, from the **Advanced** tab, you can manage the Column Span (colspan), Row Span (rowspan), column width, individual cell color and background color.

> *Note: The column width set here will apply to all the cells of that particular column.*

You can follow the same process to edit the other table header cells.

Click the **+ Add content** button to add more cells to the table header.

> *Note: You can add a row as well but ideally, a table header should have only one row.*

4. Go to the **Table Body** tab to add or edit the table body content.

Similar to the **Table Header,** it will have a row first. Make sure the **Action** section is set to **Start New Row**.

![](https://nexterwp.com/wp-content/uploads/2023/04/data-table-table-body-row-new-2.png)

5. Open the first item, and make sure the **Action** section is set to **Cell Content**. 

From the **Content** tab, you can add the content for the cell in the **Text** field.

From the **Icon** tab, you can add an image or icon to the table content.

Then from the **Advanced** tab, you can manage the content alignment, Column Span (colspan), Row Span (rowspan).

We’ll highlight the first column of the comparison table to make it stand out. To do that, select **Yes** from the **Mark this cell as a Table Heading?** dropdown.

You can follow the same process to edit other cells in the row. But make sure to select **No** from the **Mark this cell as a Table Heading?** dropdown.

This will make the first column focused.

You can repeat steps 4 and 5 to create the entire comparison table. 

Click the **+ Add Item** button to add more rows and cells in the table body.

> *Note: To add a row in the table header or body, you have to initiate a row first.*

> *Note: Make sure the number of columns in the table header and body is the same.*

![comparison table demo](https://nexterwp.com/wp-content/uploads/2023/04/comparison-table-demo.png)

Also, check [How to Make Data Tables Mobile Responsive in WordPress](https://nexterwp.com/docs/make-data-tables-mobile-responsive-in-wordpress/).