DTFC_Blocker not blocking :(

DTFC_Blocker not blocking :(

marianopeckmarianopeck Posts: 53Questions: 8Answers: 0

Hi guys,

I have a weird case with DataTables, FixedColumns and Bootstrap usage. The problem is when you scroll horizontally, the "DTFC_Blocker" that is supposed to block the top right of the table, does not block it. Hence, I see the "hidden table underneath" visible. Here is a jsfiddle.

To understand what I mean, please scroll horizontally to the right and you will see it. I also attach a screenshot of the part to look at.

Any idea what am I doing wrong?

Thanks in advance.

Replies

  • allanallan Posts: 63,471Questions: 1Answers: 10,467 Site admin

    I agree - that looks broken. Thanks for the test case. I'll see if I can reproduce it locally. It might be related to the Bootstrap styling only.

    Allan

  • marianopeckmarianopeck Posts: 53Questions: 8Answers: 0

    Hi Allan,

    Yes, I do think it's also related to bootstrap. In fact, I have this issue with recent/latest Datatables (as you can see from the jsfiddle I refer to latest release). However, I was NOT having this issue with 1.10.3-dev and the separate integration with Bootstrap.

    I might be able to create another JSFiddle pointing to the exact css/js I was using BEFORE where that bug didn't exist if it helps checking the differences.

    Let me know if that would be of help.

    Cheers,

  • allanallan Posts: 63,471Questions: 1Answers: 10,467 Site admin

    Yup - got it. Fix committed and the nightly will be up-to-date shortly (it rebuilds every 5 minutes if needed).

    Allan

  • marianopeckmarianopeck Posts: 53Questions: 8Answers: 0

    Wow....couldn't believe it was a simple

    div.DTFC_Blocker { background-color: white; }

    hahahaha.

    Awesome. I updated the jsfiddle with above workaround and it does fix it.

    Thank you a lot.

This discussion has been closed.