How to show scrollbar in a table in Mac OS?

Asked Dec 22 '17 at 17:31

Active Dec 22 '17 at 18:09

Viewed 517 times

I am not able to show the scrollbar (in Safari) when container size is smaller than a table. In this case, a horizontal scrollbar should get added to the table.

I've create the example fiddle (fiddle) which is showing the horizontal scrollbar in Chrome and Firefox.

table {
  width:100%;
    table-layout: fixed;
    border:solid 2px;

}
tr, td{
   border:solid 1px;
}
tbody{
      overflow-x: auto !important;
    display: block !important;
}

I followed the solution given in this question for Mac but still no luck.

Safari: V10.1

Please note that I can only add styles to the table, tbody etc, not to the upper container div.

edited Dec 22 '17 at 17:37

asked Dec 22 '17 at 17:31

GorvGoyl

42,508
29
229
225

Which version of Safari? I get a scrollbar in your fiddle in 11.0.3. – pvg Dec 22 '17 at 17:33
Can you try to set fixed width to table? – Janne Harju Dec 22 '17 at 17:36
it is safari 10.1 – GorvGoyl Dec 22 '17 at 17:36
@JanneHarju sorry i cant it gotta be responsive – GorvGoyl Dec 22 '17 at 17:38
@pvg i tested in 11 also and it's not showing (i'm using VM) – GorvGoyl Dec 22 '17 at 17:39
That's odd. Do you see a horizontal scrollbar in your fiddle if you run it in the current Safari Technology Preview? – pvg Dec 22 '17 at 17:42
no i'm not seeing, i'm using high sierra os provided by browserstack.com – GorvGoyl Dec 22 '17 at 17:44
@JerryGoyal Do you mind if we used jQuery? Please check it out http://jsfiddle.net/Liamm12/1zpudt21/3/ – Liam Dec 22 '17 at 17:50
@Liamm12 thanks for the help but no script for this – GorvGoyl Dec 22 '17 at 17:56
Right but there is the Safari Tech Preview which you can install through the appstore on your VM. Trying to get an idea if you're looking at some Safari bug that got fixed or something specific to your setup. – pvg Dec 22 '17 at 17:57
Unfortunately, I can't install anything on those VM's. – GorvGoyl Dec 22 '17 at 18:01
I think I've found the solution, there i applied webkit styles to table but it should be on tbody. here's the working solution http://jsfiddle.net/JerryGoyal/1zpudt21/4/ – GorvGoyl Dec 22 '17 at 18:02

How to show scrollbar in a table in Mac OS?

0 Answers0