Skip to Content
0

How to remove(not display at all) the header row of a cross tab using CSS in SAP design studio?

Nov 29, 2016 at 01:26 AM

269

avatar image

We are developing a dashboard using SAP Design Studio, where in we need to have a cross tab without header row. Used the following code and made the header invisible.

.sapzencrosstab-DimensionHeaderArea, .sapzencrosstab-ColumnHeaderArea

{ visibility: hidden; }

But it still shows a blank area as the top row as shown in the attachment below.

In order to remove this, we tried to find the CSS class associated with this area of cross tab using right-click+inspect element from the display screen and then selecting the header area of the cross tab. This showed the HTML code for the selected area of crosstab highlighted. But we could not find a CSS class associated with this specific area of cross tab. But on the right side window showing the CSS details, we added a new style attribute 'display:none' and the whole header disppeared as shown in the second picture of the attachment.

cssstylechg.png

Now the question we have is, is there a way to make this change to the style attribute permanent.

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

3 Answers

Iver van de Zand
Nov 29, 2016 at 10:15 AM
0

I have the same question and really eager to knwo the answer; If you - in the meantime - would find and answer, please share here Sreedevi

Show 1 Share
10 |10000 characters needed characters left characters exceeded

You can try this css which is working ok for me.

.sapzencrosstab-DimensionHeaderArea,

.sapzencrosstab-ColumnHeaderArea

{

visibility: collapse;

}

0
Tammy Powlas
Nov 29, 2016 at 10:26 AM
0

Please see this thread and see if it helps: https://archive.sap.com/discussions/thread/3651119

Show 1 Share
10 |10000 characters needed characters left characters exceeded

Hi Tammy, Sorry for the late reply and Thank you for the help. I did check this the day after you posted this, but it did not help in solving the issue.

0
Werner Schick Jan 27, 2017 at 12:22 PM
0

See this thread: https://archive.sap.com/discussions/thread/3844080

this works for me

.myCrosstabHiddenHeader .sapzencrosstab-DimensionHeaderArea,

.myCrosstabHiddenHeader .sapzencrosstab-ColumnHeaderArea {

visibility: collapse;

}

Show 2 Share
10 |10000 characters needed characters left characters exceeded

Thank you, Werner. I tried this. But it did not work.

0

Hi Sreedevi,

You can try this css which is working ok for me. I have only removed .myCrosstabHiddenHeader from Werner Logic.


.sapzencrosstab-DimensionHeaderArea,

.sapzencrosstab-ColumnHeaderArea {

visibility: collapse;

}

header-removal.png (42.1 kB)
0