Vertical text in a table

Troy Holmes

I am trying to create a column in my table that would contain vertical text. Is that possible?

Josef Pavelec

Hi Troy,

you can define macro (you need admin permission), go to General configuration -> User Macros -> Create a User Macro.

Enter your Macro Name and Macro Title. In Macro Body Processing select "Rendered" option. Into Template paste following code:

## Macro: rotate-table-headers
## Macro title: A macro for rotating all the headers in a table
## Macro has a body: Y
## Body processing: n/a
## Output: HTML
##
## Developed by: David Simpson <david@davidsimpson.me>
## Date created: 2013-11-20
## Installed by: My Name

## @param height:title=Height|type=string|required=true|desc=e.g.100px


<style>
/** @see: http://css-tricks.com/snippets/css/text-rotation/ */
.rotate-table th div.tablesorter-header-inner, td.confluenceTd {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);

filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* Internet Explorer */
}

.rotate-table th, td {
vertical-align:middle;
horizontal-align:middle;
height: $paramheight;
}

</style>

<div class="rotate-table">$body</div>

In Confluence page, use this macro and into body paste your table. It should lead into following formatting:

 

This post is based on https://superuser.com/questions/741451/how-do-i-create-vertical-table-headings-in-confuence%C2%A0