---
title: "How to style table columns - Cloud"
canonical: "https://support.appfire.com/space/TBL/74816250/How%20to%20style%20table%20columns%20-%20Cloud"
format: markdown
---
> Macro (aura-html)

# <span style="color: #000000">Overview</span>

<span style="color: #000000">This page outlines an example of how to style table columns using any of the</span> [Advanced Tables for Confluence](https://appfire.atlassian.net/wiki/spaces/TBL) <span style="color: #000000">macros. </span>

<span style="color: #000000">You can apply styles to columns with the </span><span style="color: #000000">*Column styles*</span><span style="color: #000000"> parameter. It defines column level CSS at the HTML column level, where as the </span><span style="color: #000000">*Column attributes*</span><span style="color: #000000"> parameter works at the element level and provides more than CSS styling capabilities. </span><span style="color: #000000">*Column styles*</span><span style="color: #000000"> 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 </span><span style="color: #000000">*Column attributes *</span><span style="color: #000000">p</span><span style="color: #000000">aramete</span><span style="color: #000000">r. </span>

> ✅ Look at the [Helpful resources](https://appfire.atlassian.net/wiki/spaces/TBL/pages/74816250/How+to+style+table+columns+-+Cloud#atCld_tp_styleTblCols_Resources) section for other styles related documentation.

**Watch this video to enhance your Confluence tables with custom row and column styles**.

## <span style="color: #000000">Macro browser input</span>

### <span style="color: #000000">Select any of the macros</span>

|  |  |
| --- | --- |
| <span style="color: #000000">**Macro name**</span> | - <span style="color: #000000">*Advanced Tables - CSV Table*</span>
- <span style="color: #000000">*Advanced Tables - Table Plus*</span>
- <span style="color: #000000">*Advanced Tables - Attachment Table*</span> |
| <span style="color: #000000">**Macro syntax (Old editor)**</span> | - <span style="color: #000000">*{csv}*</span>
- <span style="color: #000000">*{table-plus}*</span>
- <span style="color: #000000">{attachment-table}</span> |
| <span style="color: #000000">**Macro syntax (New editor - case insensitive)**</span> | - <span style="color: #000000">*/Table Plus*</span>
- <span style="color: #000000">*/CSV (Comma Separated Values)*</span>
- <span style="color: #000000">*/Attachment Table*</span> |

### <span style="color: #000000">Define these parameters/values</span>

|  |  |
| --- | --- |
| <span style="color: #000000">***Auto total numeric columns***</span> | <span style="color: #000000">On</span> |
| <span style="color: #000000">***Column types***</span> | <span style="color: #000000">*s,f"0,0",f"$0,0.00"*</span> |

> ℹ️ - <span style="color: #000000">Due to the values set in the </span><span style="color: #000000">*[Column types](https://appfire.atlassian.net/wiki/spaces/TBL/pages/74814225)*</span><span style="color: #000000"> parameter, the Auto Total row also follows the same column types.</span>
> ℹ️ - <span style="color: #000000">See</span> [Formatting options for numeric rows](https://appfire.atlassian.net/wiki/spaces/TBL/pages/74814193) <span style="color: #000000">for a full list of available formatting options.</span>

### <span style="color: #000000">Parameters set in the macro editor</span>

![image](media://84a320f9-6e9f-446d-bf1d-755d0e1c618e)

![image](media://151d6678-9b20-4537-9504-1939f942c543)

## <span style="color: #000000">Wiki markup input (Old editor)</span>

<span style="color: #000000">For a table built using the</span> [CSV (Comma Separated Values) macro](https://appfire.atlassian.net/wiki/spaces/TBL/pages/74812384)<span style="color: #000000">:</span>

```plaintext
{csv:output=wiki|autoTotal=true|columnTypes=s,f"0,0",f"$0,0.00"}
"Item","Units","Revenue"
"Kazoos","1,368","$4,074.25"
"Accordions","445","$222,500.63"
"Mandolins","2,296","$1,033,200.00"
{csv} 
```

## <span style="color: #000000">Example result</span>

![image](media://9b7d5bbc-1d27-441e-a85d-4af733bf43f6)

# > Macro (anchor)

<span style="color: #000000">Helpful resources</span>

- <span style="color: #000000">[Common table capabilities](https://appfire.atlassian.net/wiki/spaces/TBL/pages/74817747)</span>
- <span style="color: #000000">[How to make user defined column styes persist](https://appfire.atlassian.net/wiki/spaces/TBL/pages/74812963)</span>
- <span style="color: #000000">[How to make user defined row styles persist](https://appfire.atlassian.net/wiki/spaces/TBL/pages/74813085)</span>

# <span style="color: #000000">Other examples</span>

<span style="color: #000000">Visit our</span> [full list of product examples](https://appfire.atlassian.net/wiki/spaces/TBL/pages/74814716) <span style="color: #000000">for additional inspiration!</span>