使表格的标题列可左右拉伸jquery插件封装

2020-05-23 06:10:21易采站长站整理

                }
            });
            _document.mouseup(function (e) {
                if (cobjs._currentLeft) {
                    cobjs._currentObj.width(cobjs._currentObj.width() + (e.clientX – cobjs._currentLeft));
                }
                cobjs._currentObj = null;
                cobjs._currentLeft = null;
                _document.css(“cursor”, “auto”);
            });
        });
    };
})(jQuery);  

页面代码为:


<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head runat=”server”>
    <title></title>
    <style type=”text/css” >
        td{ text-align:center;}
    </style>
    <script type=”text/javascript” src=”script/jquery-1.10.2.js”></script>
    <script type=”text/javascript” src=”script/jquery.tableresize.js”></script>
    <script type=”text/javascript”>
        $(document).ready(function () {
            //使两张table同时支持左右拉伸
            $(“table”).tableresize();
        });
    </script>
</head>
<body>
    表格1<br/>
    <table cellspacing=”0″ border=”1″ style=”border-collapse:collapse;” rules=”all”>
        <tbody><tr>
            <td style=”width:200px;”>ID</td><td style=”width:200px;”>名字</td><td style=”width:200px;”>年纪</td><td style=”width:200px;”>地址</td><td style=”width:200px;”>电话</td>