jQuery UIスプリッタ/無制限の列のサイズ変更可能

Question

jQueryUIスプリッタまたはサイズ変更可能な関数の使用無限の量の列を追加でき、すべての列をサイズ変更できるレイアウトを作成したいと考えています。

だから、このバイオリンのようなものです：https://jsfiddle.net/f3gLh3mw/

しかし、このフィドルにHTMLは、ネストされたセットの代わりに、インラインの外に含まれています。上記のような可能性を制限するのは、2,4,8,16,32などの列の幅を同じにすることだけです。あなたはフィドルで見ることができるように、その間のすべてが曲がって現れます。

私はこのSO質問に来たこの研究：jQuery UI and Splitter

あなたが一番上の答えを見れば、それは同じような構造を示しています

<div class="wrap"> 
    <div class="resizable resizable1"></div> 
    <div class="resizable resizable2"></div> 
</div> 

全フィドル：あるhttp://jsfiddle.net/8qzTJ/86/

を私が欲しい構造体ですが、Javascriptは2つのサイズ変更可能な項目だけがハードコードされています。だからここ

は質問です：

それは.resizableのdivの任意の量で動作しますので、最後のフィドルを変更する方法。

これを行うことができるプラグインを知っている人はいますか？

ありがとうございました。 http://www.bacubacu.com/colresizable/

で言うと、私が欲しいの機能に非常に近いまさに行います

Answer 1

は、これまでのところ、私はこのプラグインを見つけました。それだけがテーブルレイアウトであり、divレイアウトではありません。

の作業フィドル：http://jsfiddle.net/2h4kLzgj/6/

それは、このことによって活性化される：

$("#sample2").colResizable({ 
    fixed:true, 
    liveDrag:true, 
    gripInnerHtml:"<div class='grip'></div>", 
    draggingClass:"dragging" });