---
title: "Styling Table Columns"
canonical: "https://support.appfire.com/space/SUPPORT/89138764/Styling%20Table%20Columns"
format: markdown
---
> Macro (div)
> 
> ### On this page
> 
> > Macro (toc)

# Overview

This page outlines an example of how to style table columns using the [CSV macro](https://appfire.atlassian.net/wiki/spaces/TBL/pages/74815945), [Table Plus macro](https://appfire.atlassian.net/wiki/spaces/TBL/pages/74815966), [Attachment Table macro](https://appfire.atlassian.net/wiki/spaces/TBL/pages/74814506), or [JSON Table Macro](https://appfire.atlassian.net/wiki/spaces/TBL/pages/74815257), which are part of the [Advanced Tables for Confluence](https://appfire.atlassian.net/wiki/spaces/TBL/overview) add-on.

Since release 5.4, there are more capabilities to control table display characteristics. Specifically, setting the table class (default is **confluenceTable**), table style, and row styles. See [Common Table Capabilities](https://appfire.atlassian.net/wiki/spaces/TBL/pages/74815958) for more details.

Since release 6.4, there is now another option for column styling with the **columnStyles** parameter. It defines column level CSS at the HTML column level where as the **columnAttributes** parameter works at the element level and provides more than CSS styling capabilities. **columnStyles** can be easier to use and is recommended for most use cases. However, it does not cover every use case that is available with the **columnAttributes** parameter. 

# Macro Browser Input

### <span style="color: #333333">Select this Macro</span>

|  |  |
| --- | --- |
| *Macro Name* | *Any of the following:*<br>- CSV (Comma Separated Values)
- Table Plus
- Attachment Table |
| *Macro Syntax* | *Any of the following:*<br>- {csv}
- {table-plus}
- {attachment-table} |

### <span style="color: #333333">Define these Parameters/Values</span><span style="color: #333333"> </span>

<span style="color: #333333">Each column can be styled by setting the style attribute. For example setting the </span>*<span style="color: #333333">columnAttributes</span>*<span style="color: #333333"> parameter to:</span>

|  |  |
| --- | --- |
| *Column attributes* | ```
style="border:0;background:lightgrey;",style="border:0;background:lightyellow;",style="border:0;background:lightgreen;"
``` |

### <span style="color: #333333">Screenshot</span>

![image](media://f7b4a7fb-4964-42ba-85e1-5e74d5635aaa)


# Wiki Markup Input

For a table built using the [CSV macro](https://appfire.atlassian.net/wiki/spaces/TBL/pages/74815945):

```plaintext
{csv:columnAttributes=style="border:0;background:lightgrey;",style="border:0;background:lightyellow;",style="border:0;background:lightgreen;"}
	Heading 1,Heading 2,Heading 3
	A1,A2,A3
	B1,B2,B3
{csv} 
```


# Example Result

> Macro (table-plus)
> 
> | **Heading 1** | **Heading 2** | **Heading 3** |
> | --- | --- | --- |
> | A1 | A2 | A3 |
> | B1 | B2 | B3 |



> ℹ️ > Macro (legacy-content)
> ℹ️ 
> ℹ️ > Macro (style)

# Other Examples

Visit our [full list of product examples](https://appfire.atlassian.net/wiki/spaces/TBL/pages/74815984) for additional inspiration!