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

How do I remove the sticky table header? #1447

Closed
JamieGrimwood opened this issue Dec 18, 2022 · 2 comments
Closed

How do I remove the sticky table header? #1447

JamieGrimwood opened this issue Dec 18, 2022 · 2 comments

Comments

@JamieGrimwood
Copy link

How do I remove this styling on my table? I don't want it there. https://github.com/saadeghi/daisyui/blob/master/src/components/unstyled/table.css

I have tried adding "static" to the first row in my table and I have tried nested CSS but that doesn't work with Next.JS either (or i'm doing something very wrong).

Thanks!

@JamieGrimwood JamieGrimwood changed the title How do I remove this? How do I remove the sticky table header? Dec 18, 2022
@JamieGrimwood
Copy link
Author

Exactly!

@saadeghi
Copy link
Owner

saadeghi commented Mar 10, 2023

Currently there is no modifier class name to disable this style.
But you can add an arbitrary Tailwind CSS class name like [&_th]:first:relative to the table and it will not be sticky anymore.

https://play.tailwindcss.com/tdbEDgZo0f?size=372x299

Let me know if you have any questions.

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