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();也是能夠的