SitePen / dgrid

A lightweight, mobile-ready, data-driven, modular grid widget designed for use with dstore
http://dgrid.io/
Other
628 stars 295 forks source link

No Scroll in IE11 #1427

Closed acrateau closed 6 years ago

acrateau commented 6 years ago

I have an app that utilizes a tabbed-container of tables (OnDemandGrid). Most of the tables are very wide and I'm using the default scroll bars to allow for horizontal scrolling. It is working fine in Firefox and Chrome, but neither the horizontal nor vertical scrollbars show up in IE (v.11).

I'm setting width to 100% on .dgrid-grid and then specific widths on the individual columns, e.g.

.dgrid-grid {
width: 100%;
}
.dgrid-column-name1 {
width: 300px;
}
.dgrid-column-name2 {
width: 400px;
}
...etc...

One other difference I've noticed with IE is that it responds differently to the arrow keys on the keyboard; it scrolls one column at a time, versus a smooth scrolling in the other browsers.

acrateau commented 6 years ago

In case others are having this issue - I solved this by adding the following to my css...

.dgrid-scroller {
    -ms-overflow-style: auto;
}