Skip to Content

Renaming First row of a crosstab

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!!!!!


crosstab.png (94.6 kB)
Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

1 Answer

  • Best Answer
    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";
    }
    Add comment
    10|10000 characters needed characters exceeded