Change color header

[Role21]

I have this tabular report and I want to change the background color of a certain header. How will I do that?

[JolliBeng]

Hi @Role21,

You can try to add the following code on the header of your DataPage

<style>
[class*=cbResultSetHeaderCell]:nth-child(2) {

background: white !important;

} 
</style>

Just change the number inside nth-child(2) to the number of your column and background : white to your preferred color/color code.

 

-JolliBeng

[Harbinger]

Hello @Role21, I believe you can also do the mark up inside the label element in the DataPage. Ex: <style background: blue !important;>Header</style>

[Harbinger]

You may also see KPCollier answer.

 

[Roman743]

You can try to add the following code on the header of your DataPage

<style>
[class*=cbResultSetHeaderCell]:nth-child(2) {

background: white !important;

} 
</style>

[JerryW]

This solution works great for 1 label formatting, I'm sure this is an uber easy question, but what would the code look like to do the same for say columns 2,3,4, and 5?  Would it require a class for each, or can all children be included in the one class?

[Kurumi]

Hi @JerryW - you can have a comma in the property to add more class or child, like this one: 
 

<style>
[class*=cbResultSetHeaderCell]:nth-child(2), [class*=cbResultSetHeaderCell]:nth-child(4) {

background: yellow !important;

} 
</style>

Result: 

Resu

[telly]

Hi @Role21,

You can try this code if the DataPage is enabled responsive:

Just change the th:nth-of-type(5) value based on the preferred field.

<style>
 
#target table:nth-of-type(1) th:nth-of-type(5)  {display: none;}

</style>
 
</header>
<div id="target">
<header>