Change Table Header Style when Table Empty

[annikaciul]

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:

[ryan.white]

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.