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

Apply stickyTableHeaders to a single table #140

Open
JWAyers opened this issue Feb 16, 2018 · 2 comments
Open

Apply stickyTableHeaders to a single table #140

JWAyers opened this issue Feb 16, 2018 · 2 comments

Comments

@JWAyers
Copy link

JWAyers commented Feb 16, 2018

This is my first time posting on this site. So if this isn't the right place please let me know.

How can I apply this to only one table on a webpage that has multiple tables? An example; here. I have applied this to the larger table and it works great but I do not want it applied to the scrollable table titled "19-W - Panel Sizes" I would like the header sticky to just that scrollable window. That's another issue though.

@stefanbols
Copy link

Use $(".sticky-table-header").stickyTableHeaders(); instead of $("table").stickyTableHeaders(); and then apply the class 'sticky-table-header' to the table you want to have a sticky header.

@JWAyers
Copy link
Author

JWAyers commented Mar 12, 2018

StefanBols, thank you for the response. I have changed the code as you mentioned above, however, the smaller table's header is still not working as I would like. I am trying to implement two different table headers on the same page. I am trying to have a larger table with the sticky header as the one found on the bootstrap.html page and the smaller table's header as the scrollable-div.html found in the demo folder. Is this possible?

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