官網地址：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();也是可以的