Jquery調整表格標題列

Question

我正在嘗試調整jQuery表格標題列的大小。我可以在單個表格中完成，但如果標題是固定表格標題，我無法做到這一點。

我的jsfiddle試驗低於：

With Single Table Header:

With Fixed Table Header:

我怎樣才能使固定表頭的工作與調整指針的日文本的結束？

$(function() { 
    var pressed; 
    var start; 
    var startX; 
    var startWidth; 
    var wrapper = $("div#wrapper"); 
    var container = $("table#fixedHeaderTable"); 

    $("table th").mousedown(function(e) { 
     start = $(this); 
     startX = e.pageX; 
     startWidth = $(this).width(); 
     $(start).addClass("resizing"); 
     pressed = true; 
    }); 

    $(document).mousemove(function(e) { 
     if(pressed) { 
      var newWidth = startWidth + (e.pageX - startX); 
      start.width(newWidth); 
      wrapper.width(container.width() + 10); 
     } 
    }); 

    $(document).mouseup(function() { 
     if(pressed) { 
      $(start).removeClass("resizing"); 
      pressed = false; 
     } 
    }); 
}); 

Answer 1

對你寫的代碼有一些修正。請找到fiddle

我添加以下幾行代碼。希望它可以幫助

contentColumn = $('#contentsTable').find('td').eq($(this).index()); 

contentColumn.width(newWidth);