Columnizer-jQuery-Plugin icon indicating copy to clipboard operation
Columnizer-jQuery-Plugin copied to clipboard

Extra empty columns

Open hamedhemmati opened this issue 12 years ago • 4 comments

It looks like certain column width and screen resolutions cause extra empty columns. I sometimes get 5 empty columns.

Here is a quick example. This page on 1920X1200 gives me two extra empty columns but on 1280X768 I don't get any extra empty columns.

http://jsfiddle.net/Wq5fW/131/

If I am seeing this correctly. It looks like if the screen resolution is larger than the content it creates empty columns. It wouldn't be an issue if it didn't cause an unnecessary scroll bar.

hamedhemmati avatar Feb 13 '13 00:02 hamedhemmati

Also it looks like the columnization breaks if the visible width is not at least 1.5 times the column width. Is this by design?

hamedhemmati avatar Feb 13 '13 20:02 hamedhemmati

Not sure if it helps, but my ticket https://github.com/adamwulf/Columnizer-jQuery-Plugin/issues/91 may help?

Regards,

Conor

conorw avatar Feb 14 '13 16:02 conorw

Thanks changing it from math.round to math.floor solved the empty column issue.

I still have an issue with smaller monitor sizes though. I use the columnizer to create columns and scroll horizontally but when the visible area is less than 1.5 times the column width it breaks the columnization and the text just overflows vertically.

It works fine on narrow columns but on wider columns it breaks.

hamedhemmati avatar Feb 14 '13 21:02 hamedhemmati

Actually it looks like changing it from math.round to math.floor makes the required width twice the column width rather than 1.5 times.

Is there any way to get around the width requirement?

hamedhemmati avatar Feb 14 '13 21:02 hamedhemmati