2017-04-05 73 views
-1

我正在使用JqueryUI的大小爲一個表。是越來越受一些外部插件,它給出了不同的div表頭和表體生成的表結構..我怎麼能jQuery的UI可調整大小for循環

爲了使列resiable我使用:

$(".table-header .table th:eq(2)").resizable({ 
     minWidth: 70, 
     alsoResize: ".table-container .table td:eq(2)" 
    }); 

這工作得很好。問題是現在表格列號將是動態的..可以有'n'列數。我怎樣才能得到這個for循環?

var colCount=$(".table-container .table-bordered th").size(); 
     for (i = 2; i < colCount; i++) { 

     $(".table-header .table th:eq("+i+")").resizable({ 
       minWidth: 70, 
       alsoResize: ".table-container .table td:eq("+i+")" 
      }); 
    } 

我沒有得到如何做到這一點,任何人都可以請幫忙嗎?

回答

0

我會建議使用.each()像這樣:

$(".table-container .table-bordered th").each(function(i, el){ 
    if(i > 1){ 
    $(el).resizable({ 
     minWidth: 70, 
     alsoResize: ".table-container .table td:eq(" + i + ")" 
    }); 
    } 
}); 
+0

非常感謝你的回答..它真的幫了我..我只是做不同的是我剛接過計數通過的:var colNum = $ (本)的.index(); –

+0

@ShrutiJog很高興聽到這個幫助。如果確實如此,您可能需要註冊或將其標記爲答案。 – Twisty