I have a table with the following markup:
<table class="table table-hover"
<!-- table data-->
As the documentation says, my table should now be able to scroll horizontally. It does work if I use chrome's devices emulator. However, when I try it using a real iPhone (iPhone 5s in this case - tested on iPhone 6 as-well) then I can't scroll the table horizontally at all. I can see the last column displayed in the viewport by default and I just can't scroll it side ways. I tried that in chrome and safari on my iPhone and got the same behavior.
What I tried to do is add the
but it didn't solve the problem. I've also tried to manually add
instead of the default
but no avail.
I'm not sure it matters but I also have a bootstrap plugin - offcanvas - by jasny bootstrap
and I can't scroll that side menu vertically on my iPhone as-well. It all works in the emulators but fails on the real thing.
Maybe those two are connected somehow.
Any help is appreciated.
I have just tested that on an android phone and it seems like I can scroll the table horizontally as expected. However, I still can't scroll the side menu vertically even on android. I guess it means that these problems aren't connected to each other.