I'm having an issue with a Bootstrap accordion and fixedHeader

I'm having an issue with a Bootstrap accordion and fixedHeader

bpayne69bpayne69 Posts: 2Questions: 1Answers: 0

I have a site that is using a boostrap 4.6 accordion along with dataTables.

I have an accordion placed above my table with fixedHeader set to true. When the accordion is expanded the fixedHeader sticks the table header to the top of the browser window at the correct scroll location. When the accordion is collapsed the fixedHeader doesn't realize the accordion is collapsed and it sticks the fixed header in the same place as it did when the accordion is expanded.

I'm trying to figure out how to get the fixed header to recognize that the accordion is collapsed and the space above the table is smaller than it was.

Here is an example of my issue. Collapse the accordion and then scroll to where the fixedHeader should stick at the top of the page.
http://live.datatables.net/fedepewa/1/edit

Sign In or Register to comment.