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

Opacity issue with Table stickyHeader when using checkboxes #17330

Closed
2 tasks done
radhasatam opened this issue Sep 5, 2019 · 3 comments
Closed
2 tasks done

Opacity issue with Table stickyHeader when using checkboxes #17330

radhasatam opened this issue Sep 5, 2019 · 3 comments
Labels
duplicate This issue or pull request already exists

Comments

@radhasatam
Copy link

Used stickyHeader prop on my Table to make a Fixed Header table.

There's a weird opacity issue when my table data contains checkboxes.

Someone on StackOverflow suggested moving the table head below the table body and it works for now.
Ref

  • The issue is present in the latest release.
  • I have searched the issues of this repository and believe that this is not a duplicate.

Steps to Reproduce 🕹

Test Sandbox

Steps:

  1. Add checkboxes in table data
  2. Make Table a stickyHeader

Your Environment 🌎

Tech Version
Material-UI v4.4.0
@oliviertassinari oliviertassinari added the duplicate This issue or pull request already exists label Sep 5, 2019
@oliviertassinari
Copy link
Member

Thanks for the report, see #17276

@geetikaTiwari007
Copy link

Add this style to of your
{
opacity:1
zIndex:1
}

This will solve your problem.

@oliviertassinari
Copy link
Member

Upgrading to the latest version should also fix the issue.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
duplicate This issue or pull request already exists
Projects
None yet
Development

No branches or pull requests

3 participants