最近自己封装了个JS脚本，用来创建和操作Table

基于JQuery封装的Table操作脚本

/**
依赖JQuery


**/

(function () {
    var Table = window.Table = function (rowCount, columnCount, width, height, rowHeight) {
        this.rowCount = rowCount;
        this.columnCount = columnCount;
        this.width = width;
        this.height = height;
        this.rowHeight = rowHeight;
        this.context;
        this.tableCss;
        this.rowCss;
        this.columnCss;
        this.onTdCreated = function () { };
        this.onTdMouseDown = function (e) { };
        this.onTrCreated = function () { };
        this.onTrMouseDown = function (e) { };
    };
    Table.prototype.CreateTable = function (target) {
        this.context = $("<table style='width:auto'></table>");

        if (this.tableCss)
            this.context.addClass(this.tableCss);
        if (this.width)
            this.context.css("width", this.width);
        if (this.height)
            this.context.css("height", this.height);

        if (target) {
            this.context.appendTo(target);
        }

        for (var index = 0; index < this.rowCount; index++) {
            CreatedRow.call(this, this.context);
        }

        return this.context;
    };
    Table.prototype.GetRowCount = function () {
        return this.rowCount;
    };
    Table.prototype.GetColumnCount = function () {
        return this.columnCount;
    };
    Table.prototype.AddRow = function () {
        var tr = CreatedRow.call(this, this.context);
        if (this.rowHeight)
            tr.css("height", this.rowHeight);

        this.rowCount++;
        return tr;
    };
    Table.prototype.AddColumn = function () {
        var rows = $(this.context).children().children();
        for (var index = 0; index < rows.length; index++) {
            CreateTd.call(this, $(rows[index]));
        }
        this.columnCount++;
    };
    Table.prototype.RemoveRow = function (row) {
        $(row).remove();
        this.rowCount--;
        return $(row);
    }
    Table.prototype.RemoveColumn = function (column) {
        var tds = $(column).parent().children();
        var columnIndex = GetColumnIndex(tds, column);
        var rows = this.context.children().children()
        for (var index = 0; index < rows.length; index++) {
            var tr = rows[index];
            var tdIndex = GetTdIndex(tr, columnIndex);
            var td = $(tr).children()[tdIndex];
            if (parseInt($(td).attr("colspan") || 1) > 1) {
                $(td).attr("colspan", parseInt($(td).attr("colspan") - 1));
            } else {
                $(td).remove();
            }
        }
        this.columnCount--;
    }
    Table.prototype.MergeColumns = function (column, value) {
        value = parseInt(value);
        if (value <= 0) {
            throw "列数必须大于0！";
            return;
        }

        var tds = $(column).nextAll('td');
        if (value > tds.length) value = tds.length;
        var colspan = parseInt($(column).attr("colspan") || 1);

        for (var index = 0; index < value; index++) {
            colspan += parseInt($(tds[index]).attr("colspan") || 1);
            $(tds[index]).remove();
        }

        $(column).attr("colspan", colspan);
    }
    Table.prototype.SplitColumn = function (column, value) {
        value = parseInt(value);
        if (value <= 0) {
            throw "列数必须大于0！";
            return;
        }
        var colspan = parseInt($(column).attr("colspan") || 1);

        if (colspan <= 1) {
            throw "不能拆分单元格！";
            return;
        }

        if (value > colspan) {
            throw "输入数字无效！";
            return;
        }

        $(column).attr("colspan", colspan - parseInt(value) + 1);
        var tr = $(column).parent();
        for (var index = 0; index < value - 1; index++) {
            CreateTd.call(this,tr);
        }
    }
    Table.prototype.AddRowFrom = function (row, position) {
        var tr = CreatedRow();
        for (var index = 0; index < this.columnCount; index++) {
            CreateTd(tr);
        }
        switch (position) {
            case "north":
                $(row).before(tr);
                break;
            case "south":
                $(row).after(tr);
                break;
            default:
                $(row).after(tr);
                break;
        }
        this.rowCount++;
        return tr;
    }
    Table.prototype.AddColumnFrom = function (column, position) {
        var columnIndex = GetColumnIndex($(column).parent().children(), column);
        if (columnIndex < 0) {
            throw "获取当前列失败！";
            return;
        }
        var rows = this.context.children().children();
        for (var index = 0; index < rows.length; index++) {
            row = rows[index];
            var td = CreateTd();
            var tdIndex = GetTdIndex(row, columnIndex);
            switch (position) {
                case "west":
                    $($(row).children()[tdIndex]).before(td);
                    break;
                case "east":
                    $($(row).children()[tdIndex]).after(td);
                    break;
                default:
                    $($(row).children()[tdIndex]).after(td);
                    break;
            }
        }
        this.columnCount++;
    }

    function CreatedRow(target) {
        var tr;
        if (this.rowCss)
            tr = $("<tr class='" + this.rowCss + "'></tr>");
        else
            tr = $("<tr></tr>");

        if (target) {
            tr.appendTo(target);
        }

        for (var index = 0; index < this.columnCount; index++) {
            CreateTd.call(this, tr);
        }

        if ($.isFunction(this.onTrMouseDown))
            tr.bind("mousedown ", this.onTrMouseDown);

        if ($.isFunction(this.onTrCreated))
            this.onTrCreated.call(tr);

        return tr;
    };

    function CreateTd(target) {
        var td;
        if (this.columnCss)
            td = $("<td class='" + this.columnCss + "'></td>");
        else
            td = $("<td></td>");

        if (target) {
            td.appendTo(target);
        }

        if ($.isFunction(this.onTdMouseDown))
            td.bind("mousedown ", this.onTdMouseDown);

        if ($.isFunction(this.onTdCreated))
            this.onTdCreated.call(td);

        return td;
    }

    function GetColumnIndex(tds, td) {
        var tdIndex = $.inArray(td, tds);
        var columnIndex = 0;
        for (var index = 0; index <= tdIndex; index++) {
            columnIndex += parseInt($(tds[index]).attr("colspan") || 1);
        }
        return columnIndex;
    }

    function GetTdIndex(tr, columnIndex) {
        var tds = $(tr).children();
        var ColumnIndex = 0;
        for (var index = 0; index < tds.length; index++) {
            ColumnIndex += parseInt($(tds[index]).attr("colspan") || 1);
            if (ColumnIndex >= columnIndex)
                return index;
        }
    }
}());