拖动table标题实现改变td的大小(css+js代码)
拖动table标题实现改变td的大小(css+js代码)
发布时间:2016-12-30 来源:查字典编辑
摘要:复制代码代码如下:拖动列宽的表格序号公司名称订单客户部门业务员交款方式1中国电信订单客户名称广告部王天一现金2中国移动订单客户名称营销部李小...

复制代码 代码如下:

<html>

<title>拖动列宽的表格</title>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<style type="text/css"><></style>

<script language="javascript"><></script>

<body>

<table width="100%" border=1 cellspacing=0 bordercolorlight="#7b7b7b" bordercolordark="#efefef" id="theObjTable">

<tr>

<td>序号</td>

<td width="100px">

<span onMouseDown="MouseDownToResize(this);" onMouseMove="MouseMoveToResize(this);" onMouseUp="MouseUpToResize(this);"></span>

公司名称

</td>

<td>

<span onMouseDown="MouseDownToResize(this);" onMouseMove="MouseMoveToResize(this);" onMouseUp="MouseUpToResize(this);"></span>

订单客户

</td>

<td>

<span onMouseDown="MouseDownToResize(this);" onMouseMove="MouseMoveToResize(this);" onMouseUp="MouseUpToResize(this);"></span>

部门

</td>

<td>

<span onMouseDown="MouseDownToResize(this);" onMouseMove="MouseMoveToResize(this);" onMouseUp="MouseUpToResize(this);"></span>

业务员

</td>

<td>

<span onMouseDown="MouseDownToResize(this);" onMouseMove="MouseMoveToResize(this);" onMouseUp="MouseUpToResize(this);"></span>

交款方式

</td>

</tr>

<tr>

<td >1</td>

<td >中国电信</td>

<td >订单客户名称</td>

<td >广告部</td>

<td >王天一</td>

<td >现金</td>

</tr>

<tr>

<td >2</td>

<td >中国移动</td>

<td >订单客户名称</td>

<td >营销部</td>

<td >李小红</td>

<td >信用卡</td>

</tr>

<tr>

<td >3</td>

<td >中国联通</td>

<td >订单客户名称</td>

<td >市场部</td>

<td >王老二</td>

<td >银行卡</td>

</tr>

</table>

<script language="javascript"><></script>

</body>

</html>

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类