FixedHeader does not work with Ajax navigation

FixedHeader does not work with Ajax navigation

tobustobus Posts: 3Questions: 0Answers: 0

Hello ,

Recently I use the library FixedHeader in my project.

Here I am confronted a problem case using the navigation ajax the overlapping headers.

When I connect everything goes well in the first grid the header is well fixed as shown in the screenshot
.

When I navigate (Ajax) to a second page and scroll down the header of the grids is also displayed that of the other grid as shown in the screenshot

How to solve this problem?

Replies

  • kthorngrenkthorngren Posts: 3,279Questions: 19Answers: 738

    Actually the problem sounds like FixedHeader and scrolling. Without seeing your code its hard to say just guessing based on your description. FixedHeader is not compatible with scrolling features. Please see the compatibility matrix:
    https://datatables.net/download/compatibility

    Kevin

  • tobustobus Posts: 3Questions: 0Answers: 0

    Hello ,

    Thank you for your comeback.

    We do not use the scrolling feature as shown in the following screenshot

    But we think that this problem is due to the Ajax navigation indeed when we are on the page 1
    the fixed functionality normally behaves without problem but when we navigate to the page 2 the problem appears and when we debug the HTML we have this preview

    thank you in advance for your help

  • BigbonicBigbonic Posts: 1Questions: 0Answers: 0

    Hi, have you resolved your problem ?

    i have a same issue

  • tobustobus Posts: 3Questions: 0Answers: 0

    Hello ,

    No, I have the same problem

  • kthorngrenkthorngren Posts: 3,279Questions: 19Answers: 738

    Can you post a link to your page or a test case showing the issue?
    https://datatables.net/manual/tech-notes/10#How-to-provide-a-test-case

    Maybe a CSS issue. Looks like you are using Bootstrap. I would suggest making sure you have loaded the correct Datatables Bootstrap integration JS and CSS files.

    Kevin

Sign In or Register to comment.