jcubic/jquery.splitter

3 column grid

chopfitzroy opened this issue · 2 comments

Sorry JS is not really my specialty and I am trying to create an equal 3 column grid all vertical that can be re-sized, any ideas on how I would go about this?

Cheers,
Otis.

With the current capability of this plugin, you can only do two columns at a time. If you want to have 3 equal columns, you can have two, the top one sized at 33% and the bottom 66% (essentially 1/3 of the height). Then in the bottom column, add another splitter (so it's nested) and have each of those columns to be 50% (50% of their container, which is 66%). The result should give you three equal columns at 33% (1/3 the height).

Worked wonders!!!

Cheers.