Bootstrap 5/Responsive/FixedHeader/ScrollY Column Header Alignment

Bootstrap 5/Responsive/FixedHeader/ScrollY Column Header Alignment

mattrebamattreba Posts: 12Questions: 4Answers: 0

http://live.datatables.net/zoyetuji/1/edit?html,css,output

I'm not 100% certain that all of the above components are required to reproduce but I think they are. I'm having an issue where my headers become misaligned to columns. In my environment this can happen when using the search box. For the linked case the easiest way to reproduce is to toggle the javascript view of JS Bin itself on and back off which changes the available screen resolution for the table.

Answers

  • mattrebamattreba Posts: 12Questions: 4Answers: 0

    Oddly enough I am not able to reproduce from the live link when i click it from this forum post. I have two tabs open. The original tab I used to demo the issue still has this issue but linking to the same test comes up clean. There is some other factor at play here that I need to find a trigger for

  • mattrebamattreba Posts: 12Questions: 4Answers: 0

    I lost the scrollY in the previous test. I cloned and was able to reproduce with the following by again showing Javascript and then turning off javascript:

    http://live.datatables.net/jahexive/1/edit?html,css,output

Sign In or Register to comment.