# Vertical display header text on Powertable

**URL:** <https://forum.inductiveautomation.com/t/vertical-display-header-text-on-powertable/79457>\
**Category:** Ignition\
**Tags:** ignition81, perspective\
**Created:** [September 21, 2023, 3:13pm UTC](https://forum.inductiveautomation.com/t/vertical-display-header-text-on-powertable/79457 "2023-09-21T15:13:09Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Shong\_Liew](https://avatars.discourse-cdn.com/v4/letter/s/848f3c/32.png) [@Shong\_Liew](https://forum.inductiveautomation.com/u/Shong_Liew)\
**Post date:** [September 21, 2023, 3:13pm UTC](https://forum.inductiveautomation.com/t/vertical-display-header-text-on-powertable/79457/1 "2023-09-21T15:13:09Z")

</div>

Hello,

How do I vertical display my header text on powertable in ignition perspective?

I tried to rotate my text and adjust my width to the width of text height and used strict width -\> True.  
However, it seemed like my text got clipped as the result of this. Any workaround for this?

Properties:

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/3/d/3d99581d65298b6b04565b92c24d32aadb7896f6.png)

Powertable display:

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/0/a/0a92c830569ed9ce2ba5a1d9aff783dc26a46039.png)

Thanks,

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [September 21, 2023, 3:26pm UTC](https://forum.inductiveautomation.com/t/vertical-display-header-text-on-powertable/79457/2 "2023-09-21T15:26:09Z")

</div>

Try this:  
`columns.0.header.style.writingMode : vertical-lr`  
`columns.0.header.style.transform : rotate(180deg)`

Strictwidth and width only take effect if you have set `columns.0.field` property to the column name in the datasource.

---

<div class="post-metadata">

**Author:** ![Shong\_Liew](https://avatars.discourse-cdn.com/v4/letter/s/848f3c/32.png) [@Shong\_Liew](https://forum.inductiveautomation.com/u/Shong_Liew)\
**Post date:** [September 21, 2023, 3:38pm UTC](https://forum.inductiveautomation.com/t/vertical-display-header-text-on-powertable/79457/3 "2023-09-21T15:38:28Z")

</div>

> [@Transistor](#):
>
> writingMode

It works! I am missing that writingMode property...

I do need to specify each column name to manipulate each column and reorder.  
But yeah, thanks for the response.

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [September 21, 2023, 3:40pm UTC](https://forum.inductiveautomation.com/t/vertical-display-header-text-on-powertable/79457/4 "2023-09-21T15:40:32Z")

</div>

Good.  
Don't forget to hit the **solution** link on my answer to mark your question as solved.