# Change Table Header Style when Table Empty

**URL:** <https://forum.inductiveautomation.com/t/change-table-header-style-when-table-empty/108955>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [July 25, 2025, 3:01pm UTC](https://forum.inductiveautomation.com/t/change-table-header-style-when-table-empty/108955 "2025-07-25T15:01:01Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![annikaciul](https://avatars.discourse-cdn.com/v4/letter/a/e9bcb4/32.png) [@annikaciul](https://forum.inductiveautomation.com/u/annikaciul)\
**Post date:** [July 25, 2025, 3:01pm UTC](https://forum.inductiveautomation.com/t/change-table-header-style-when-table-empty/108955/1 "2025-07-25T15:01:01Z")

</div>

I have a table component that shows a list based on data selected elsewhere. Sometimes, this table is empty. I can't figure out how to get the style of the header to change when the table is empty. The props.emptyMessage.style seems to only affect the cells/body of the table, not the header. Is this something that is possible to do within the props options of the component, or is it a css stylesheet exclusive? Mainly I just need the header colors to be the same when empty or populated. This is uniform across the entire project.

Picture example below:

 ![Forum Screenshot 21](https://us1.discourse-cdn.com/inductiveautomation/original/3X/3/f/3fc8f88680f8dcbd8a5eae82b886cf52395aec91.png)  
 ![Forum Screenshot 22](https://us1.discourse-cdn.com/inductiveautomation/original/3X/6/7/67736e09ba78b06de424bfedf8932f5692440ff2.png)

---

<div class="post-metadata">

**Author:** ![ryan.white](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ryan.white/32/73193_2.png) [@ryan.white](https://forum.inductiveautomation.com/u/ryan.white)\
**Post date:** [July 25, 2025, 3:06pm UTC](https://forum.inductiveautomation.com/t/change-table-header-style-when-table-empty/108955/2 "2025-07-25T15:06:44Z")

</div>

Have a binding on `headerstyle` that checks for number of items in table to be 0/null and have it swap style classes accordingly? Your 'Empty' style class could just set the header to transparent or text/fill color to be the same as the background.
