-
Notifications
You must be signed in to change notification settings - Fork 16.3k
fix: Columns bleeding into other cells #36134
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
Conversation
|
Based on your review schedule, I'll hold off on reviewing this PR until it's marked as ready for review. If you'd like me to take a look now, comment
|
|
🎪 Showtime deployed environment on GHA for 4debf25 • Environment: http://44.247.232.225:8080 (admin/admin) |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Pull Request Overview
This PR fixes a visual issue where table content was bleeding through sticky header and total rows in the Pivot Table component. The fix ensures that frozen/sticky elements properly hide underlying content during scrolling.
Key Changes:
- Set
border-spacing: 0to eliminate gaps between cells that allowed content to show through - Applied theme background colors to sticky total row elements to ensure complete coverage of underlying content
- Added
z-index: 1to total row cells for proper layering
superset-frontend/plugins/plugin-chart-pivot-table/src/react-pivottable/Styles.js
Outdated
Show resolved
Hide resolved
superset-frontend/plugins/plugin-chart-pivot-table/src/react-pivottable/Styles.js
Outdated
Show resolved
Hide resolved
Co-authored-by: Geidō <[email protected]>
Co-authored-by: Diego Pucci <[email protected]> Co-authored-by: Geidō <[email protected]> (cherry picked from commit 062e4a2)
Co-authored-by: Diego Pucci <[email protected]> Co-authored-by: Geidō <[email protected]>
Co-authored-by: Diego Pucci <[email protected]> Co-authored-by: Geidō <[email protected]>
Co-authored-by: Diego Pucci <[email protected]> Co-authored-by: Geidō <[email protected]>
SUMMARY
Adjusted the Pivot Table styling so the sticky header/total areas no longer show underlying rows by zeroing out border-spacing, keeping the header row sticky, and relying on the theme background to cover the frozen cells. Restored sticky positioning on the header row while keeping it fully opaque with themed background colors.Applied the same background treatment to the sticky totals row so columns beneath it remain hidden during scroll.
BEFORE
AFTER
TESTING INSTRUCTIONS
ADDITIONAL INFORMATION