最近自己封装了个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;
         }
     }
 }());