# Table Heading Orientation

**URL:** <https://forums.knack.com/t/table-heading-orientation/9929>\
**Category:** API & Custom Code\
**Created:** [July 9, 2018, 11:34am UTC](https://forums.knack.com/t/table-heading-orientation/9929 "2018-07-09T11:34:33Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![CatParkins31278](https://avatars.discourse-cdn.com/v4/letter/c/ecae2f/32.png) [@CatParkins31278](https://forums.knack.com/u/CatParkins31278)\
**Post date:** [July 9, 2018, 11:34am UTC](https://forums.knack.com/t/table-heading-orientation/9929/1 "2018-07-09T11:34:33Z")

</div>

I have a lot of headings to add to a table with the results being a single character. On Excel I have the headings set to 90 degree rotation and the column with to 3 - this enables me to have a lot of columns without using all the space.

How can I rotate the headings of the tables ?  
  
Example:

&nbsp;I have found this CSS resource but don't know how to implement in Knack :  
[https://css-tricks.com/rotated-table-column-headers/](https://css-tricks.com/rotated-table-column-headers/)&nbsp;

---

<div class="post-metadata">

**Author:** ![PeterDay82531](https://avatars.discourse-cdn.com/v4/letter/p/c57346/32.png) [@PeterDay82531](https://forums.knack.com/u/PeterDay82531)\
**Post date:** [June 15, 2021, 6:24am UTC](https://forums.knack.com/t/table-heading-orientation/9929/2 "2021-06-15T06:24:18Z")

</div>

I did have this working in the old Knack builder but stopped working in new. I will try and dig out the old code and see if someone can do their magic on it.

Peter

---

<div class="post-metadata">

**Author:** ![BobLove38845](https://avatars.discourse-cdn.com/v4/letter/b/779978/32.png) [@BobLove38845](https://forums.knack.com/u/BobLove38845)\
**Post date:** [September 30, 2020, 11:19pm UTC](https://forums.knack.com/t/table-heading-orientation/9929/3 "2020-09-30T23:19:39Z")

</div>

Sam would be interested if you found some magic to make this work!

---

<div class="post-metadata">

**Author:** ![SamCarney81930](https://avatars.discourse-cdn.com/v4/letter/s/bbce88/32.png) [@SamCarney81930](https://forums.knack.com/u/SamCarney81930)\
**Post date:** [September 17, 2018, 11:02pm UTC](https://forums.knack.com/t/table-heading-orientation/9929/4 "2018-09-17T23:02:18Z")

</div>

Has anyone made this work? I haven't spent much time on it yet, thought I would check with the community first before re-inventing the wheel. Thanks in advance!

---

<div class="post-metadata">

**Author:** ![Kat](https://sea2.discourse-cdn.com/flex020/user_avatar/forums.knack.com/kat/32/2834_2.png) [@Kat](https://forums.knack.com/u/Kat)\
**Post date:** [July 19, 2018, 7:37pm UTC](https://forums.knack.com/t/table-heading-orientation/9929/5 "2018-07-19T19:37:45Z")

</div>

Hi Catherine,

Knack tables do utilize the th tag for table headers, so the code from the link you provided might work with some modification.

You can target scenes (pages) and views (like a table) with&nbsp;ID selectors. To find ID selectors, go to your Builder and navigate to the page or view you are trying to target, then look at the full URL in your browser’s navigation bar. For a view, like a table, it should look similar to this :

In this example, the ID selector for the page itself is scene\_2, and the table itself is view\_4, which is what would be used in the CSS to target just that table.

&nbsp;

If implementing CSS is something you would like to experiment with, you can find help for adding custom CSS to your Live App in our [Developer Documentation](https://www.knack.com/developer-documentation/#css). It covers everything from where to add the code to finding the right CSS selectors.

Although experimenting with CSS is typically safe, it is still recommended that you make a copy of your app to experiment with, especially if you already have users for your Live App. Any changes you were making, they would be seeing.

&nbsp;

When it comes to general support for adding custom code, the Knack team is happy to help with general questions, and can be reached at [support@knack.com](mailto:support@knack.com).

Support for the writing and troubleshooting of custom code is outside our scope. For questions of that nature, please post again. If that doesn’t get you the specific help you need, you can always try reaching out to the [Builder Network](https://www.knack.com/build-my-app).

&nbsp;

Thanks for the great question!

Krystel.
