jQuery调整表列(左右拉动调整列宽)插件__colResizable，动态列如何使用

官网地址：http://www.bacubacu.com/colresizable/

这里值得注意的是，若是是动态加入的列，则须要先清理调用插件生成的class,id和div以后再从新调用才会有做用。

至于为什么动态加载的列没有效果呢。首先，我想到了多是方法加载在了动态生成列以前，因此我便手动在生成好的html上面手动调用以下图：

这也是一个小技巧，谷歌浏览器这里能够手动执行JS代码，回车以后，发现有效果。然而又一次动态加载以后，再次调用此方法就再也不成功了。因此我就想是否是调用方法后加了什么东西，若是去掉以后再调用是否是就能够了。因而便去看了一下 $("table").colResizable();方法到底作了什么

下面咱们来看看插件的 $("table").colResizable();方法到底作了什么？

 

如图，咱们能够看到当调用$("table").colResizable()方法以后，html页面会添加上上图框出的部分。当我把多出来的部分删除以后再调用方法，发现能够，因而便获得了下面的解决办法：

function colResizable(){
    $(".JCLRgrips").remove();
    $(".JColResizer").removeClass("JColResizer");
    $("table[id^='JColResizer']").removeAttr("id");
    $("table").colResizable();
}
动态加载以后执行上面的方法，即可以解决这个问题了。
另外再提一点：上面只针对全部的table均可左右拉动，若是你须要指定某一个table的话 在table标签上面加一个name，而后调用时用$("[name='']").colResizable();也是能够的