CSS command for removing Crosstab header

[Former Member]

hi all,

Hoping your are doing fine.

I have one requirement to display a scorecard in design studio 1.5 as below:

j

now the issue is i need to display the Regional Total for the KPI's (TIV,MS,VOL), i.e. sum of North+east+West+.....+Central and the variance between National and regional total.

since we cannot show that using the normal "sum" function of cross-tab,so i have created two extra objects of each KPI in Bex Designer so that i can display the sum according to regional and variance data only, but for that i need to use 3 cross tabs. i have hided the header part of the 2nd and 3rd cross-tab using following solution:

but its looking weird, as the space of headers are not removed.

please help me out here. i think there must be some CSS command required so that i can remove this "hided headers space ". or any method is also welcome.

thanks

Mohit Gupta

[Former Member · Accepted solution]

hi guys,

i have found a work around for the issue. i just overlapped the crosstab one above another. and now its looking fine.

thanks alot for your help.

[former_member496296]

Hi Mohit,

try this "test" class to your crosstab to hide header areas.

.test .sapzencrosstab-DimensionHeaderArea

{

  visibility: collapse;

}

.test .sapzencrosstab-ColumnHeaderArea

{

  visibility: collapse;

}

Thanks,

Sree Sailesh

[former_member194504]

Hi mohit,

Instead of visibility:hidden try display:none in the header removal css.

Thanks,

Nithyanandam

[Former Member]

hi,

using display:none hiding entire table.

and space is still there.

[former_member194504]

Hi Mohit,

You need to inspect the element space in chrome using F12 and finding id or class of the element and write display none css for it to get rid of it.

Thanks,

Nithyanandam

[Former Member]

i have tried that also , but it also hide the data only and do not remove the header completly.

[former_member194504]

Hi Mohit,

When you apply css,it should be applied for parent element instead of just directly to the data cell element. for example,

<tr class='header'>

<td>

dsdf

</td>

</tr>

Here instead of hiding only the td, you should also try to apply for parent tr also. Will myself also try this and let u know the result.

Thanks,

Nithyanandam