Skip to Content
avatar image
Former Member

Cross tab Scroll bar in Design Studio

Hi All,

I have inserted  multiple cross tab with data. In a particular tab i have hug data where i must use Horizontal scroll.   I wrote code in css , like

#CT_1.sapzencrosstab-HScrollTable {

  display: bold;


It is working fine. But that scroll bar is applying to all cross tabs in application. I needed to apply only for one table (CT_1).

Thanks & Regards,


Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

2 Answers

  • Best Answer
    avatar image
    Former Member
    Jan 14, 2015 at 06:18 AM


    For Horizontal Scroll try below steps.

    1)     Add Panel in Layout (Where you want Crosstab ) & Name it PANEL_CR_OUTER.

    2)     Write Below CSS in CSS Style

    overflow-x:scroll !important;

    3)     Insert your CROSSTAB in this PANEL_CR_OUTER .

    4)     Fix the Width  ( Max Possible Width for CROSSTAB Columns ) .

    But Above workaround will not work on iPad or iPhone .

    Add comment
    10|10000 characters needed characters exceeded

  • Jan 14, 2015 at 07:15 AM

    Hello Sud ,

    Place you Cross tab in a Panel and please have a look on this blog

    Scrollable Panel in Design Studio (to show bigger content)

    The idea is when the Width of Cross tab is increased then the panel will have scrolling up to the cross tab width specified .


    Arjun KT

    Add comment
    10|10000 characters needed characters exceeded

    • Former Member Former Member


      you have written


      three changes .

      importent --> important

      space between scroll & !important

      add ; at end of statement

      Actual code is :

      overflow-x:scroll !important;