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

First row hidden behind float thead when model changes #17

Open
blambeau opened this issue Feb 20, 2017 · 3 comments
Open

First row hidden behind float thead when model changes #17

blambeau opened this issue Feb 20, 2017 · 3 comments

Comments

@blambeau
Copy link

blambeau commented Feb 20, 2017

Hi!

I experience an issue when the table data changes on the ng-model. The first tbody>tr seems to disappear below the floated thead.

See https://jsfiddle.net/t12doyro/1/. When pressing the change-data button, row n°0 disappears.

Trying to debug this by myself, I found that jQuery.floatThead's reflow event looses the real table thead, which makes the table shrink vertically.

I tried to replace the reflow call and use "destroy + reinstall", but the behavior tends to be even worse: in my angular application, it leads to thead being missing on completely unrelated tables with floatThead enabled too...

Any idea?

@jmusser73
Copy link

+1

@lreindl
Copy link

lreindl commented Jun 12, 2017

It seems that the reflow within the ngModel formatters is not waiting for the table to render. I tested this by adding some delay to the timeout. It worked better at about 300 milliseconds for me. Probably not the perfect solution but I think this is where the issue is.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants
@blambeau @lreindl @jmusser73 and others