Skip to Content

Renaming First row of a crosstab

Dec 19, 2017 at 07:10 PM


avatar image


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{




Source of the image and code :


crosstab.png (94.6 kB)
10 |10000 characters needed characters left characters exceeded
* Please Login or Register to Answer, Follow or Comment.

1 Answer

Best Answer
Arijit Das Dec 20, 2017 at 07:21 AM

You can use following css:

.customCrosstabClass .sapzencrosstab-ColumnHeaderArea>tbody>tr:nth-child(1)>td:nth-child(1):before{
    content:"Emp Count";
Show 1 Share
10 |10000 characters needed characters left characters exceeded

Thanks Arijit.

Your soln. works!!!!!

Appreciate your time...