Stuck on an issue?
Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
table: scroll disrupts header and column alignment
See original GitHub issueVersion
2.13.6
Environment
osx 10.11.6, chrome, react 16.0.0
Reproduction link
https://github.com/tony-kerz/express-oauth-scratch/tree/3101580d9d92f6339cde45cd12f5eada6bc6ad26
Steps to reproduce
yarnyarn run mock-dev- click “people” link in sider…
What is expected?
table headers and columns will line up
What is actually happening?
tables and headers are not lining up
commenting out this line with the scroll option causes the columns to align…
Issue Analytics
- State:
- Created 6 years ago
- Reactions:1
- Comments:27 (5 by maintainers)
Top Results From Across the Web
Scrollable Table Body With Fixed Header Columns Not Aligning
Since the header and the body of the table are connected to each other and display: block ... The scrollbar's width breaks the...
Read more >Scrolling header alignment — DataTables forums
The problem was that when displaying a table with only a few columns, and a row with only some brief test text, the...
Read more >Headers containing centrally-aligned tables mis-align after a ...
Sometimes just scrolling off-screen and on again will fix it. Wherever the table is displayed, the align centrally button is still active.
Read more >Adjust alignment, rotation, and position – Figma Help Center
Use tidy up to quickly align layers on one-dimension as rows or columns, ... a row in a table; Show a horizontal line...
Read more >CSS - Aligned scrollable table body with fixed header
CSS – Aligned scrollable table body with fixed header. 15 March 2019 admin. The problem. I wanted to include a component that rendered...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
@tony-kerz Please refer to the document https://ant.design/components/table/#components-table-demo-fixed-columns
Your repo is not working.
Please provide a re-producible demo in codepen then we will reopen and see it.