修复了使用Jquery的列(表头问题）

我有一个HTML表，我需要固定表的第一列，这样我就可以一直向右滚动，并查看与第一列的任何记录相关的信息，当我尝试滚动第一列时，这是可以的，但它也固定了表的下两个标题。

这是我的jquery：

(function($) {
$.fn.tableHeadFixer = function(param) {
    var defaults = {
        head: true,
        foot: false,
        left: 0,
        right: 0
    };
    var settings = $.extend({}, defaults, param);
    return this.each(function() {
        settings.table = this;
        settings.parent = $("<div></div>");
        setParent();
        if(settings.head == true)
            fixHead();
        if(settings.left > 0)
            fixLeft();
        // self.setCorner();
        $(settings.parent).trigger("scroll");
        $(window).resize(function() {
            $(settings.parent).trigger("scroll");
        });
    });
    function setTable(table) {
    }

    function setParent() {
        var container = $(settings.table).parent();
        var parent = $(settings.parent);
        var table = $(settings.table);
        table.before(parent);
        parent.append(table);
        parent
            .css({
                'width' : '100%',
                'height' : container.css("height"),
                'overflow' : 'scroll',
                'max-height' : container.css("max-height"),
                'min-height' : container.css("min-height"),
                'max-width' : container.css('max-width'),
                'min-width' : container.css('min-width')
            });
        parent.scroll(function() {
            var scrollWidth = parent[0].scrollWidth;
            var clientWidth = parent[0].clientWidth;
            var scrollHeight = parent[0].scrollHeight;
            var clientHeight = parent[0].clientHeight;
            var top = parent.scrollTop();
            var left = parent.scrollLeft();
            if(settings.head)
                this.find("thead tr > *").css("top", top);
            if(settings.left > 0)
                settings.leftColumns.css("left", left);
        }.bind(table));
    }
    function fixHead () {
        var thead = $(settings.table).find("thead");
        var tr = thead.find("tr");
        var cells = thead.find("tr > *");
        setBackground(cells);
        cells.css({
            'position' : 'relative'
        });
    }

    function fixLeft () {
        var table = $(settings.table);
        var fixColumn = settings.left;
        settings.leftColumns = $();
        for(var i = 1; i <= fixColumn; i++) {
            settings.leftColumns = settings.leftColumns
                .add(table.find("tr > *:nth-child(" + i + ")"));
        }
        var column = settings.leftColumns;
        column.each(function(k, cell) {
            var cell = $(cell);
            setBackground(cell);
            cell.css({
                'position' : 'relative'
            });
        });
    }

    function setBackground(elements) {
        elements.each(function(k, element) {
            var element = $(element);
            var parent = $(element).parent();
            var elementBackground = element.css("background-color");
            elementBackground = (elementBackground == "transparent" || elementBackground == "rgba(0, 0, 0, 0)") ? null : elementBackground;
            var parentBackground = parent.css("background-color");
            parentBackground = (parentBackground == "transparent" || parentBackground == "rgba(0, 0, 0, 0)") ? null : parentBackground;
            var background = parentBackground ? parentBackground : "white";
            background = elementBackground ? elementBackground : background;
            element.css("background-color", background);
        });
    }
};
})(jQuery);

我也把这个例子放在这个Fiddle上，窗口不让这个例子滚动，所以如果你在本地加载它，并使窗口变小，你就可以滚动，并看到我之前提到的问题和表的标题

希望有人帮我！