jQuery UI Splitter / Resizable用于无限量的列

Question

使用jQueryUI Splitter或Resizable函数我想创建一个布局，允许添加无限量的列，并且所有列都需要调整大小。

所以它就像这个小提琴：https://jsfiddle.net/f3gLh3mw/

但是在这个小提琴中，HTML包含嵌套集而不是内联。这限制了与上述小提琴相关的可能性，您只能为2,4,8,16,32等列提供相同的宽度。正如你在小提琴中看到的那样，介于两者之间的所有东西都显得弯曲。

在研究这个问题时，我提出了这个问题：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。

或者有人知道可以执行此操作的插件。

感谢大家的帮助！

Answer 1

到目前为止，我发现了这个插件：http://www.bacubacu.com/colresizable/

究竟是什么说的，并且非常接近我想要的功能。只有它是在表格布局而不是div布局。

工作小提琴：http://jsfiddle.net/2h4kLzgj/6/

它被激活：

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