# Comparison table

### Section overview

The Comparison Table section creates a responsive, customizable table for comparing product features, services, or brand offerings across multiple columns. It provides a clear visual representation of differences between items.

#### Common use cases

* Product feature comparisons to highlight advantages over competitors
* Service tier comparisons (basic vs premium vs enterprise)
* Subscription plan comparisons to showcase different pricing tiers
* Specification comparisons between related products

#### Usage tips

* Keep feature labels in the first column clear and concise
* Use consistent formatting across all columns for better readability
* Consider highlighting your primary offering with column borders
* Include tooltips for complex features that need additional explanation
* Use icons strategically to visually reinforce information

**Mobile responsiveness considerations**

* The table automatically adapts to a stacked layout on mobile devices
* Column headers become hidden on mobile and are shown inline with values
* Consider how many columns you include, as more columns create more scrolling on mobile

### Section settings

| Setting              | Description                                                                          |
| -------------------- | ------------------------------------------------------------------------------------ |
| Table headings       | Comma-separated list of column headings for your comparison table                    |
| Heading              | Main heading text for the section                                                    |
| Content              | Descriptive text content to display above the table                                  |
| Button label         | Text for optional call-to-action button                                              |
| Button URL           | Link destination for the call-to-action button                                       |
| Top spacing          | Controls vertical padding above the section (0-300px)                                |
| Bottom spacing       | Controls vertical padding below the section (0-300px)                                |
| Color scheme         | Sets the background and text color theme for the section                             |
| Border color         | Sets the color style for borders (subtle or strong)                                  |
| Button color         | Sets the visual style for the call-to-action button                                  |
| Border position      | Controls where borders appear around the section (none, top, bottom, or both)        |
| Column border        | Highlights a specific column with borders (none, first, second, third, or fourth)    |
| Horizontal alignment | Controls how content aligns horizontally (left, center, or right)                    |
| Visibility           | Controls section display based on device (all devices, mobile only, or desktop only) |

### Block settings

#### Content block

Each content block represents a row in the comparison table, containing a feature label and corresponding values for each column. Limited to 50 blocks per section.

| Setting          | Description                                              |
| ---------------- | -------------------------------------------------------- |
| Label            | Text describing the feature being compared               |
| Tooltip          | Optional explanatory text that appears on hover          |
| Icon             | Optional icon to display before the label                |
| Column 1 content | Text content for the first column                        |
| Column 1 icon    | Optional icon to display in the first column             |
| Column 2 content | Text content for the second column                       |
| Column 2 icon    | Optional icon to display in the second column            |
| Column 3 content | Text content for the third column                        |
| Column 3 icon    | Optional icon to display in the third column             |
| Column 4 content | Text content for the fourth column                       |
| Column 4 icon    | Optional icon to display in the fourth column            |
| Color scheme     | Sets the background and text color for this specific row |


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.brickspacelab.com/paper/sections/products-and-collections/comparison-table.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.