ScrolX create scrolbar under fixed columns on Firefox With Bootstrap

ScrolX create scrolbar under fixed columns on Firefox With Bootstrap

leo_parisleo_paris Posts: 4Questions: 1Answers: 0
edited February 2016 in FixedColumns

Hello,

ScrolX create scrolbar under fixed columns on Firefox With Bootstrap

Hope this topic may help others :)
Nicolas

Answers

  • leo_parisleo_paris Posts: 4Questions: 1Answers: 0

    Solved with :

    .DTFC_LeftBodyLiner {
    overflow-x: hidden;
    }

  • allanallan Posts: 50,247Questions: 1Answers: 7,464 Site admin

    Interesting - I haven't seen that. Are you able to link to a page showing the issue so I can check, debug and fix it.

    Thanks,
    Allan

  • leo_parisleo_paris Posts: 4Questions: 1Answers: 0

    Yup :

    http://pemep.minatech.fr/

    Let me know if I did a wrong implementation.

  • allanallan Posts: 50,247Questions: 1Answers: 7,464 Site admin

    Thanks for the test case!

    It's the table-layout:fixed style on the table element that is causing the issue. If you remove that it works correctly.

    That's not to say that it shouldn't work with it - it should! I'll try to look into it in the next week or two, but in the mean time, if you can use it without fixed layout that would work.

    Allan

  • leo_parisleo_paris Posts: 4Questions: 1Answers: 0

    Sorry for the table-layout that shouldn't be there I removed it and the scrollBar is Still
    here

    Check again with Firefox
    But if you apply :
    <style>.DTFC_LeftBodyLiner { overflow-x: hidden; }</style>
    The scroolbar bellow dthe 3 fixed columns goes away.

  • allanallan Posts: 50,247Questions: 1Answers: 7,464 Site admin

    I think for the moment your suggested workaround is the one we are going to have to go with. The scrollbar is being caused by a sub-pixel rounding error. When FixedColumns does its width calculations it uses $().outerWidth() and similar, which round down rather than getting the floating point value. The result is that the columns are actually 99.8px (for example) thus giving a rounding error.

    I need to think of a long term solution for this!

    Allan

  • mkurzmkurz Posts: 1Questions: 0Answers: 0
    edited July 2016

    I experience the same bug. But in Chrome, not in Firefox. I have a datatable within a bootstrap tab and the first column is fixed. The table is very big which means there is a horizontal scrollbar at the bottom. But there is also a second scrollbar just for the first fixed column which shouldn't be there. I also use .DTFC_LeftBodyLiner { overflow-x: hidden; } to fix this for now. A proper solution would be nice.
    Thank you!

  • bolemeusbolemeus Posts: 2Questions: 1Answers: 0

    I know this is an old thread, but it's the first hit on google.
    Just wanted to post that thesame issue occurs for me on the .DTFC_RightBodyLiner

This discussion has been closed.