FixedHeader Floating to Bottom After Upgrade to 1.10.13

FixedHeader Floating to Bottom After Upgrade to 1.10.13

TzipporahWittyTzipporahWitty Posts: 1Questions: 1Answers: 0

Recently upgraded to Datatables 1.10.13 and FixedHeader and noticed that our FixedHeaders stopped working. Instead of positioning the header correctly, it floats to the bottom of the page.

codepen: http://codepen.io/anon/pen/mWJLMb

My coworker points out that adding position:fixed to the header resolves the problem, but I can't imagine that this was released truly broken - what am I missing?

Answers

  • CharlesdeBCharlesdeB Posts: 1Questions: 0Answers: 0

    Yep, I am getting the same issue. Adding position:fixed doesn't resolve it for me - it just locks the header in the middle of the page and obscures the first row. I am using

        "datatables.net-bs": "^2.1.1",
        "datatables.net-fixedheader": "^3.1.5",
    
  • colincolin Posts: 15,144Questions: 1Answers: 2,586

    Hi @CharlesdeB ,

    It's working as expected here. We're happy to take a look, but as per the forum rules, please link to a test case - a test case that replicates the issue will ensure you'll get a quick and accurate response. Information on how to create a test case (if you aren't able to link to the page you are working on) is available here.

    Cheers,

    Colin

  • kthorngrenkthorngren Posts: 20,309Questions: 26Answers: 4,770

    Looks like you might be missing the FixedHeader Bootstrap styling files. According to the Download Builder you should have this:

    ```
    npm install --save datatables.net-bs
    npm install --save datatables.net-fixedheader-bs
    ``

    Kevin

This discussion has been closed.