Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Sticky header misaligned horizontally #148

Open
tomchen63 opened this issue May 18, 2018 · 1 comment
Open

Sticky header misaligned horizontally #148

tomchen63 opened this issue May 18, 2018 · 1 comment

Comments

@tomchen63
Copy link

tomchen63 commented May 18, 2018 •
edited
Loading

Hi, I got a problem of sticky header misaligned. In all three browsers, zoom is set to 100%.

IE11 11.0.9600.19002 first time showing incorrect, then OK as detailed below.
Firfox 60.0 no problem at all -- always correct.
Chrome 66.0.3359.181 always incorrect (unlike in IE11). And it's slow to response, took quite a few seconds to show the sticky header.

Sticky header not enabled yet
image

Sticky header first show, each column is slightly narrower than original header, hence misaligned. Header is not as height as original.

image

These are the widths
image

Scroll to make Sticky header hide, then scroll to make it show again, this time it's correct
image

These are the widths
image

Is there anything I can do?

Thanks

Tom
@tomchen63 tomchen63 changed the title Sticky header misaligned horizontally first time showing Sticky header misaligned horizontally May 18, 2018
@matthiaslischka
Copy link

matthiaslischka commented Oct 15, 2018 •
edited
Loading

Are you using bootstrap? Any html code you can share? Could be related to #134

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@matthiaslischka @tomchen63