Renaming First row of a crosstab

[former_member544949]

crosstab.png

Hi Experts,

I am using Design studio 1.6 with BEx queries.

I have a cross-tab like the one in the image below. I have to rename the row with the title “Volume of ……” which is exactly above the row with titles “KG..”.

As you can see, the class “sapzenCrosstabColumnHeaderArea” refers to the first two rows in pink. So when I use the following code to rename the columns, this overwrites the firs column of the two pink rows,as the second row is also a column Header area.

What should I do to access and rename only the first row (say, in this case the “Volume….” Titled row, not the “Kg…” titled”)

.customCrosstabClass .columnHeaderArea>tbody>tr>td:nth-child(1):before{

content:"Emp Count";

}

.customCrosstabClass .columnHeaderArea>tbody>tr>td:nth-child(1)>div{

visibility:hidden!important;

height:0px!important;

}

Source of the image and code :

https://www.clariba.com/blog/tech-20160719-designstudiocrosstabcomponent-arnau-olle

Thanks!!!!!

[arijit_das · Accepted solution]

You can use following css:

.customCrosstabClass .sapzencrosstab-ColumnHeaderArea>tbody>tr:nth-child(1)>td:nth-child(1):before{
    content:"Emp Count";
}

[former_member544949 · Accepted solution]

Thanks Arijit.

Your soln. works!!!!!

Appreciate your time...

Thanks!!