horizontal scroll bar in tables - Support | Kriesi.at

Tagged: table

Viewing 8 posts - 1 through 8 (of 8 total)

Author

Posts
September 28, 2015 at 4:21 pm #510225

fisherman
Participant

Hi,
How can I add a horizontal scroll bar to a table? It is added on mobile view, but not when the screen is wider.

Here is such a page: http://www.myoptionsjournal.com/2015/08/17/znz5-short-strangle/

Thanks!
Tom

September 28, 2015 at 4:42 pm #510249
Dake
Inactive Moderator
Hey halasyt!

Please add the below css into your custom css section:
```
.tbody {
	overflow: auto !important;
}
```
Cheers!
Dake
September 28, 2015 at 5:01 pm #510274

fisherman
Participant

Hi, added it, but this didn’t seem to work for me, there’s no scroll bar still:

http://www.myoptionsjournal.com/2015/08/17/znz5-short-strangle/

September 28, 2015 at 5:07 pm #510283
Dake
Inactive Moderator
Hi!

Please add the .main_color class before tbody in your css section:
```
.main_color tbody {
    overflow: auto !important;
}
```
If you are still experiencing the issue, please provide us with temporary access to your website so we can take a closer look.

Cheers!
Dake
September 28, 2015 at 5:14 pm #510295

fisherman
Participant

Still doesn’t work, so here is a temp admin account:

September 28, 2015 at 5:28 pm #510315
Dake
Inactive Moderator
Hey!

I added the below css and the scroll bar is now displaying:
```
table {
        display: block !important;
        overflow-x: auto !important;
}
```
View post on imgur.com

Regards,
Dake
September 28, 2015 at 5:30 pm #510316

fisherman
Participant

Great, thanks a lot for your help!
Tom

September 28, 2015 at 5:39 pm #510321

Dake
Inactive Moderator

Hey!

You’re welcome, glad I could help :)

Please let us know if you ever need any help in the future.

Best regards,
Dake
Author

Posts

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘horizontal scroll bar in tables’ is closed to new replies.