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);