3

Here is a code sandbox URL, which contains React code for a table component,

I want to make the header in this component fixed at the top and the table body to be scrollable. For that, I found an answer here. But if I make tbody as display: block and thead as display: table and do the changes as suggested in the above answer, then my table header columns won't align with my tbody columns, as attached in the screenshot here.

Table header columns aren't aligned with Table body columns

I want to make the header fixed at the top while the content of body should be scrollable and alignment shouldn't be disturbed. How can I achieve it? Can someone please help. Thanks a lot in advance.

Improve this question
Related questions
1
Fix table header while scrolling
6
Horizontal scroll in React Table
13
Bootstrap 4 table with the scrollable body and header fixed
Load 7 more related questions Show fewer related questions

0

Reset to default

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.