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

Horizontal scrolling not working with fixed header #335

Closed
KeithClinard opened this issue Feb 10, 2017 · 3 comments
Closed

Horizontal scrolling not working with fixed header #335

KeithClinard opened this issue Feb 10, 2017 · 3 comments

Comments

@KeithClinard
Copy link

Horizontal scrolling works as expected without a fixed header.
When the header is fixed, the table will not scroll horizontally.

I've thrown together a quick example of what I am experiencing.
https://ember-twiddle.com/e47894f66485a28f54a4043b4720664d

@offirgolan
Copy link
Collaborator

@KeithClinard that is because you are overwriting the totalWidth property which is private.

Do something like this instead:

<div style="width:800px; overflow:auto">
  {{#light-table model.table2 height='400px' as |t|}}
    {{t.head fixed=true}}
    {{t.body}}
  {{/light-table}}
</div>

@KeithClinard
Copy link
Author

That works.
Thanks for your time.

@offirgolan
Copy link
Collaborator

Great. No problem at all 😸

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

2 participants