拖动 html表格单元格宽度,jQuery实现拖动调整表格单元格大小的代码实例

jQuery实现的拖动调整表格td单元格的大小:

在实际应用中，可能有这样的需求，那就是需要调整td单元格的大小。

也许是为了便于观察，也许是其他原因，反正这样的需求是有的，下面就分享一段能够实现此功能的代码。

代码实例如下:

脚本之家

table {

border-collapse: collapse;

}

td {

text-align: center;

}

(function ($){

$.fn.tableresize = function () {

var _document = $("body");

$(this).each(function () {

if (!$.tableresize) {

$.tableresize = {};

}

var _table = $(this);

//设定ID

var id = _table.attr("id") || "tableresize_" + (Math.random() * 100000).toFixed(0).toString();

var tr = _table.find("tr").first(), ths = tr.children(), _firstth = ths.first();

//设定临时变量存放对象

var cobjs = $.tableresize[id] = {};

cobjs._currentObj