Hide Horizontal Scroll Bar

Suite and Optimus Suite 5
#1

Grid 3.5

When displayed, the grid always shown a horizontal scroll bar, though not need to. So I tried overflow:hidden, overflow:0; overflow-x:hidden;

None came out successful.

Also, tried resultLstGridObj.enableAutoWidth(true); The scroll bar disappeared, but there is a light-grey colored horizontal line displayed instead.

Also tried

div.gridbox_clear{
overflow:hidden;
}

None works.

How to hide the horizontal scroll bar?

Thanks

Scott

#2

Please, try to use:

div.gridbox .objbox{ overflow:hidden !important; }

#3

The horizontal scroll bar still appears on Internet Explorer 8 (on Windows 7).

#4

Unfortunately the issue cannot be reproduced locally.
If issue still occurs for you, please, provide with a complete demo or a demo link, where the issue can be reconstructed.

#5

This happened when I tried to place a div block in the row when building the grid:

EX.

stylesheet:

div.gridbox_clear{
border:0px;
border-width:0px;
}

div.gridbox_clear .objbox{
overflow:hidden !important;
}

For each row, dynamically build the cell:

Name Value
Email Value
Website Value

(with all the steps follow the standard guidance for grid creation, except the above div block).

The Returning Grid Displays:

John
Email1
Website1

Mike
Email2
Website2

Kevin
Email3
Website3

–Here, at the bottom of the last record, there is an horizontal line showed up.–

Now try something different, use the

resultLstGridObj.enableAutoWidth(true);

then a horizontal scroll bar showed up, which I do not want.

In either way, a horizontal line or a horizontal scroll bar will always be present. How to hide them?

Thanks

#6

Unfortunately the issue still cannot be reproduced locally.
Horizontal scrollbar is not showing for us.

If issue still occurs for you, please, provide with a complete demo, where the issue can be reproduced locally. Here you can find a tutorial about creating a complete demo:
docs.dhtmlx.com/doku.php?id=othe … leted_demo