Horizontal Scrollbar + Responsive Table + Microsoft Edge
See original GitHub issueHorizontal scrollbar does not move on responsive table (<table class="table table-responsive">) on Microsoft Edge.
It works (Both v3.3.7 & v4.0.0-alpha.6) on IE11(11.0.43 KB4021558) , FireFox 54.0, Chrome 59.0.3071.115
I am using Windows 10 x64 (1703 build 15063.413) + Edge 40.15063.0.0 (EdgeHTML 15.15063)
Issue Analytics
- State:
- Created 6 years ago
- Comments:9 (4 by maintainers)
Top Results From Across the Web
horizontal scroll bar in table for making it responsive
I am trying to make a product compare page, as you can see in image, for that all the data is in table,...
Read more >Horizontal scrollbar in Edge Dev - Microsoft Community Hub
in Edge Dev, I have noticed that the horizontal scrollbar (when required) covers the last line of text making it unreadable.
Read more >Changing Screen Width Makes Horizontal Scroll Bar Disappear
The Bootstrap responsive div wraps it in a scrolling element which conflicts quite badly with the resizing of the DataTable. Allan. mat.miranda@ ...
Read more >How To Create Horizontal Scrolling Containers - codeburst
There are two different ways to make these divs scroll horizontally and which ... Microsoft says they will likely include it in a...
Read more >How to Create Horizontal Scrolling Using Display:Table-Cell
You try making a responsive image grid with the table-cell property. Go ahead, I'll wait. Simply put, table cells are designed to form...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found

Looks like a strange Edge bug. Confirmed.
Removing the
-ms-overflow-style: -ms-autohiding-scrollbardirective from.table-responsivefixes this, but obviously that leaves the scrollbar visible.This isn’t replicating in Edge 16, and while I haven’t finished reducing this it does only seem to replicate in Edge 15 (havent checked earlier versions), and seems to be limited to the docs page itself, rather than the same table with bootstrap