Table Builder is a Shopify theme section in the Section Star library. Create amazing tables for data, size charts, and more.
About the Table Builder section
The "Table Premium" section is a flexible and customizable table layout that can be added to your Shopify store using the Section Star app. This section allows you to create well-structured tables with multiple rows and columns, customize text fonts, colors, and alignment, and style the borders and backgrounds to match your store's theme.
Live demo
Use cases
- Product Comparison: Use the table to compare multiple products based on their features, prices, and customer ratings.
- Order Information: Display detailed order information, including order numbers, dates, and statuses, in a clear, tabulated format.
- Pricing Tables: Create pricing tables for different service tiers or subscription plans, showcasing the benefits and costs associated with each option.
- FAQ Section: Structure frequently asked questions and their answers in a neat and organized manner for better readability.
- Size Charts: Display clothing size charts to help customers select the perfect size before purchasing.
Settings
Every setting below appears in the Shopify theme customizer once the section is published.
Table Design
Set the design of the table
| Setting | Type | Default |
|---|---|---|
| Border Color | Color | #CCCCCC |
| Row Color | Color | transparent |
| Alternating Row Color | Color | transparent |
| Row 1 Text Color | Color | #111 |
| Row 1 Background Color | Color | transparent |
| Column 1 Text Color | Color | #111 |
| Column 1 Background Color | Color | transparent |
| Table Padding | Number | 5 |
| Border Display | Select (None, Outline Table, All Cells, First Row Only, First Row and Column Only) | all |
| Round Borders on Table | Range | 5 |
| Subtle Shadow on Table | Checkbox | On |
Content
Set the content of your section
| Setting | Type | Default |
|---|---|---|
| Alignment | Text alignment | left |
| Headline | Inline rich text | <b>Create Amazing Tables</b> |
| Content | Inline rich text | Build amazing tables with full contro… |
| Spacing between Headline and Features | Number | 15 |
Row block settings
| Setting | Type | Default |
|---|---|---|
| Override colors | Checkbox | Off |
| Background Color | Color | — |
| Text Color | Color | #111 |
Column 1
| Setting | Type | Default |
|---|---|---|
| Text | Inline rich text | Text column 1 |
| Alignment | Text alignment | center |
Column 2
| Setting | Type | Default |
|---|---|---|
| Text | Inline rich text | Text column 2 |
| Alignment | Text alignment | center |
Column 3
| Setting | Type | Default |
|---|---|---|
| Text | Inline rich text | — |
| Alignment | Text alignment | center |
Column 4
| Setting | Type | Default |
|---|---|---|
| Text | Inline rich text | — |
| Alignment | Text alignment | center |
Column 5
| Setting | Type | Default |
|---|---|---|
| Text | Inline rich text | — |
| Alignment | Text alignment | center |
Column 6
| Setting | Type | Default |
|---|---|---|
| Text | Inline rich text | — |
| Alignment | Text alignment | center |
Column 7
| Setting | Type | Default |
|---|---|---|
| Text | Inline rich text | — |
| Alignment | Text alignment | center |
Column 8
| Setting | Type | Default |
|---|---|---|
| Text | Inline rich text | — |
| Alignment | Text alignment | center |
Column 9
| Setting | Type | Default |
|---|---|---|
| Text | Inline rich text | — |
| Alignment | Text alignment | center |
Column 10
| Setting | Type | Default |
|---|---|---|
| Text | Inline rich text | — |
| Alignment | Text alignment | center |
How to add this section to a Shopify store
- Install Section Star from the Shopify App Store.
- Open the app and search the library for “Table Builder”.
- Click Publish, then choose a name and the theme to publish into.
- Follow the deep link into the Shopify theme customizer.
- Add the section to any page and customize it with the native theme settings.
No code is required, and the section lives in your theme as ordinary Liquid — see the full install guide.