search

DataTables / FixedHeader

Fix the header, footer, left or right columns of a table in place, to always show them when scrolling
http://www.datatables.net/
Other
75 stars 83 forks source link

doesn't work correctly on Chrome for Android #59

Closed kshipp closed 6 years ago

kshipp commented 9 years ago

When viewing on a Samsung phone (uses Chrome for Android), the floating header floats incorrectly - both vertically and horizontally. If you change the orientation of the phone to horizontal, the floating works correctly. When in portrait mode, the header floats far too low and if you attempt to scroll horizontally, the floating header doesn't scroll horizontally. All kinds of issues....

DataTables commented 9 years ago

Could you possibly try with the 3.0.0 release of FixedHeader please? Example. I don't have an Android device to test with at the moment.

ghost commented 9 years ago

Gave 3.0.0 a quick spin with my device. Orientation doesn't seem to have any impact.

Header It is in the correct location vertically with the 3 browsers I have (Chrome, Firefox, HTC). However, it does not respond to horizontal scrolling in Firefox and HTC.

Chrome works most of the time with horizontal scroll, however the header occasionally gets stuck scrolled to the right (excess left padding/margin?). I can't quite nail down what I do to cause it, and it fixes itself after a few scrolls... Might be related to the address bar coming in.

Footer Works in Firefox with the same horizontal scroll issue. Does not appear at all in Chrome or HTC.

DataTables commented 9 years ago

Horizontal scroll is most certainly a bug - an oversight on my part. Thanks for pointing it out.

For the rest, I'll try to get ahold of an Android device.

gsarrica commented 8 years ago

@DataTables You can make this happen right in Chrome if you open Developer Tools and Select the Nexus 6P as a device. Screenshot If you scroll back up sometimes the header will show back up.

DataTables commented 8 years ago

Thanks! I'll try to take a look in the next week or two after I've polished off some other work.

amavarick commented 6 years ago

I recently installed this and it works great on pc. I'm having the same issue on my Android with Chrome though... any workaround?

This appears to be a reason and potential solution but I don't know how to implement it... https://datatables.net/forums/discussion/18724/fixedheader-bootstrap-mobile-device

DataTables commented 6 years ago

It appears that you need to have user-scaleable=no in your meta tags for position:fixed to work in Android Chrome. I've updated my examples to this and I'm going to add a test for this for a new debugger I'm working on.