Create
cancel
Showing results for 
Search instead for 
Did you mean: 
Sign up Log in

It's not the same without you

Join the community to find out what other Atlassian users are discussing, debating and creating.

Atlassian Community Hero Image Collage

Vertical text in a table

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

2 answers

1 accepted

2 votes
Answer accepted

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:

 Screenshot 2019-07-31 at 09.39.44.png

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

How we can achieve this for a particular  TD and not for all TD's?

Like ed 209 likes this

Duplicate answer has been deleted

Suggest an answer

Log in or Sign up to answer
TAGS
Community showcase
Published in Confluence

Confluence Mythbusters: Does Atlassian even use Confluence?

Hi, Confluence collaborators! As part of #Confluence-Collaboratory month, we’ve created a very special Mythsbusters segment, where we're dive into an interesting myth and uncover the truth behind i...

1,383 views 7 29
Read article

Community Events

Connect with like-minded Atlassian users at free events near you!

Find an event

Connect with like-minded Atlassian users at free events near you!

Unfortunately there are no Community Events near you at the moment.

Host an event

You're one step closer to meeting fellow Atlassian users at your local event. Learn more about Community Events

Events near you