# Table Header Height

**URL:** <https://forum.inductiveautomation.com/t/table-header-height/61692>\
**Category:** Ignition\
**Tags:** ignition81, vision\
**Created:** [July 8, 2022, 6:58pm UTC](https://forum.inductiveautomation.com/t/table-header-height/61692 "2022-07-08T18:58:11Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![amarks](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/amarks/32/45610_2.png) [@amarks](https://forum.inductiveautomation.com/u/amarks)\
**Post date:** [July 8, 2022, 6:58pm UTC](https://forum.inductiveautomation.com/t/table-header-height/61692/1 "2022-07-08T18:58:11Z")

</div>

How do I change the height of the header in a regular Table component (not Power Table)? I’ve used HTML to make a centered multi-line header, but it’s not readable in the header.

---

<div class="post-metadata">

**Author:** ![djs](https://avatars.discourse-cdn.com/v4/letter/d/e47774/32.png) [@djs](https://forum.inductiveautomation.com/u/djs)\
**Post date:** [July 8, 2022, 7:10pm UTC](https://forum.inductiveautomation.com/t/table-header-height/61692/2 "2022-07-08T19:10:40Z")

</div>

Add a `height` property to the headerStyle prop:

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

---

<div class="post-metadata">

**Author:** ![amarks](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/amarks/32/45610_2.png) [@amarks](https://forum.inductiveautomation.com/u/amarks)\
**Post date:** [July 8, 2022, 7:27pm UTC](https://forum.inductiveautomation.com/t/table-header-height/61692/3 "2022-07-08T19:27:16Z")

</div>

Should have specified, in vision

---

<div class="post-metadata">

**Author:** ![paul-griffith](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/paul-griffith/32/37249_2.png) [@paul-griffith](https://forum.inductiveautomation.com/u/paul-griffith)\
**Post date:** [July 8, 2022, 8:08pm UTC](https://forum.inductiveautomation.com/t/table-header-height/61692/4 "2022-07-08T20:08:33Z")

</div>

You’ll have to use scripting to reach in to the component and extract the actual table header component, then give it a minimum size large enough for your wrapped text.

---

<div class="post-metadata">

**Author:** ![amarks](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/amarks/32/45610_2.png) [@amarks](https://forum.inductiveautomation.com/u/amarks)\
**Post date:** [July 8, 2022, 9:23pm UTC](https://forum.inductiveautomation.com/t/table-header-height/61692/5 "2022-07-08T21:23:28Z")

</div>

Alternatively, I’ll just not show the headers and make my own.

Thanks

---

<div class="post-metadata">

**Author:** ![pgmo](https://avatars.discourse-cdn.com/v4/letter/p/d07c76/32.png) [@pgmo](https://forum.inductiveautomation.com/u/pgmo)\
**Post date:** [September 9, 2024, 9:20am UTC](https://forum.inductiveautomation.com/t/table-header-height/61692/6 "2024-09-09T09:20:43Z")

</div>

If anyone is still interested, I managed to change the header height by placing the following code in the _PowerTable_ `propertyChange` event:

```python
if event.propertyName=="componentRunning":
	
	dim=event.source.columnHeader.getPreferredSize()
	dim.height=90
	event.source.columnHeader.setPreferredSize(dim)
	event.source.columnHeader.updateUI()

```

---

<div class="post-metadata">

**Author:** ![mdemaris](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/mdemaris/32/54639_2.png) [@mdemaris](https://forum.inductiveautomation.com/u/mdemaris)\
**Post date:** [November 19, 2024, 11:12pm UTC](https://forum.inductiveautomation.com/t/table-header-height/61692/7 "2024-11-19T23:12:55Z")

</div>

I attempted to use this for the _normal_ table component, but got no results.