How to change background color of the 2nd column (dimension) in Crosstab?

[hari_ravada]

I am using Design Studio 1.3 to create a Dashboard. I have used Crosstab component inside dashboard.

I am displaying Company, Year Month, Sales, Sales QTY, Profit columns in Crosstab.

I would like change the background color of the Company and Year Month columns in crosstab.

By using the below code, I am able to change the background color of Company (1st column of Crosstab).

.sapzencrosstab-RowHeaderArea

{      font-weight: bold;     

font-family: "Calibri";     

font-size: 11px; 

background-color: #eaeeea;   

}

How to change the background color of the 2nd dimension column i.e Year Month?

Thanks for your help in advance.

Regards,

Hari

[former_member194504]

I am not sure what you trying to mean. I think u need column dimension background color change. hope this helps

.sapzencrosstab-DataCellContentDiv

{  

font-weight: bold;   

font-family: "Calibri";   

font-size: 11px;

background-color: #eaeeea; 

}

Edit fiddle - JSFiddle

[jeroenvandera]

Hi,

if you're going for something like this :

I made the second and fourth column grey by adding the following CSS :

td:nth-child(2) { 

  background-color: #ccc;

}

td:nth-child(4) { 

  background-color: #ccc;

}

hope that helps.

Jeroen

[Former Member]

Hi Jeroen,

When I tried your way of CSS, I am getting the background color changed for nth column of my DIMENSION as well as MEASURE. When you want to highlight "ONLY" dimension/measure, what should be done ?