Columnizer-jQuery-Plugin
Columnizer-jQuery-Plugin copied to clipboard
Fullscreen page width column do not work
Hi, i'm trying to do a fullscreen pagination. but when i want to do very large column, more than 950 or full width it doesn't work, columnizer do nothing.
if i use width: window.innerWidth || document.body.clientWidth; or enter a value greater than 950 it won't work.
I also try to remove the width style added to the selector and each column, I looked at the code and didn't find how to remove the css style width to the finishing result. I whant to use normal css or 100% width instead.
I know this is an old question but if someone could find this answer useful
I found that for me problem was that Columnizer(in function columnizeIt() on line 462) is calculating number of columns
var numCols = Math.round($inBox.width() / options.width);
where "$inBox.width() " is your container width and because of that you will get numCols =1, few lines after that this will result in this return statement
if(numCols <= 1){ return singleColumnizeIt(); }
Because of that you will never get your desired width of column
My quick fix for this was to make my container width 200% of screen so I will always get at least numColums>1 if I use full screen width