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.

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

scroller widths #1468

Closed
davidh71 opened this issue Oct 20, 2017 · 6 comments
Closed

scroller widths #1468

davidh71 opened this issue Oct 20, 2017 · 6 comments

Comments

@davidh71
Copy link

Hi,
Having an issue with the column widths not matching the body widths.
example: http://jsfiddle.net/u7whxf1e/1/

problems:
1, on first render the columns don't align
2. on window resize they DO align, but they are forced fixed width which i would prefer not to have.

Bug? or am i missing something.
Many thanks!!

@Mottie
Copy link
Owner

Mottie commented Oct 20, 2017

Hi @davidh71!

Thanks for reporting this issue. I just fixed the column alignment issue in the master branch (demo). A new release is planned once I get #1467 fixed.

As for forcing a width on the columns, that's actually the input that is doing that. All inputs have a set width in the browser. The filter widget sets their width to 95% of the column width, but it still causes the table to adjust. If you want to narrow the columns, add a class name to each header (th) to set the width of the column using a percentage.

@davidh71
Copy link
Author

Hi, Thanks for responding so fast.
With the demo link you provided - if i take out the filter widget, i'm still getting some misalignment on inital load. Then when i resize it aligns. Do you see that as well ?
i updated my fiddle with the same : http://jsfiddle.net/u7whxf1e/3/

@Mottie
Copy link
Owner

Mottie commented Oct 20, 2017

Hmm, it looks fine in Chrome, but I do see the one pixel misalignment in Firefox... I'll see what I can do.

@davidh71
Copy link
Author

davidh71 commented Oct 21, 2017

It looks like the alignment depends on the size of the columns. When it's this size see the alignment - chrome ubuntu.. do you see the same thing?
updated example with more content. the horizontal scroll isn't performing right either.
http://jsfiddle.net/u7whxf1e/5/

things go get better after resize -is there a way to force that after paint?

screenshot from 2017-10-21 05-06-51

@Mottie
Copy link
Owner

Mottie commented Dec 13, 2017

I just released a new version, but sadly I forgot about this alignment issue. I'll include a fix (hopefully) in the next release.

@Mottie
Copy link
Owner

Mottie commented Mar 18, 2018

This looks like it was fixed in 8beec62. Would you please verify.

@Mottie Mottie closed this as completed Mar 18, 2018
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants