ScrolX create scrolbar under fixed columns on Firefox With Bootstrap

leo_paris

Hello,

ScrolX create scrolbar under fixed columns on Firefox With Bootstrap

Hope this topic may help others :)
Nicolas

leo_paris

Solved with :

.DTFC_LeftBodyLiner {
overflow-x: hidden;
}

allan

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_paris

Yup :

http://pemep.minatech.fr/

Let me know if I did a wrong implementation.

allan

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_paris

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.

allan

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

mkurz

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!

bolemeus

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