导航:首页 > 编程语言 > javascripttdwidth

javascripttdwidth

发布时间:2024-08-17 22:27:22

1. 可以用js脚本重新调整列宽和行高吗

可以,代码如下


<!DOCTYPEHTML>
<html>
<head>
<metacharset="gbk">
<title>table</title>
</head>
<body>
<tableid="tb_1"cellspacing="0"cellpadding="2"width="100%"border="1">
<tbody>
<tralign="center"bgcolor="#dcdcdc">
<tdstyle="width:100px;">用户编号</td>
<td>试用时间</td><td>转正时间</td><td>性别</td><td>姓名拼音</td>
<td>生日时间</td><td>民族</td><td>身高</td>
</tr>
<tr>
<td>2000001</td>
<td>1997-3-13</td><td>1997-3-13</td><td>1</td><td>WZJ</td>
<td>1965-3-13</td><td>汉</td><td>171</td>
</tr>
<tr>
<td>2000045</td>
<td>2001-2-15</td><td>2001-3-15</td><td>0</td><td>WY</td>
<td>1978-8-5</td><td>汉</td><td>162</td>
</tr>
<tr>
<td>2000046</td>
<td>2001-2-23</td><td>2001-3-23</td><td>0</td><td>LQ</td>
<td>2001-2-23</td><td>汉</td><td>171</td>
</tr>
</tbody>
</table>
<scripttype="text/javascript">
vartTD;//用来存储当前更改宽度的TableCell,避免快速移动鼠标的问题
vartable=document.getElementById("tb_1");
for(j=0;j<table.rows[0].cells.length;j++){
table.rows[0].cells[j].onmousedown=function(){
//记录单元格
tTD=this;
if(event.offsetX>tTD.offsetWidth-10){
tTD.mouseDown=true;
tTD.oldX=event.x;
tTD.oldWidth=tTD.offsetWidth;
}
//记录Table宽度
//table=tTD;while(table.tagName!=‘TABLE')table=table.parentElement;
//tTD.tableWidth=table.offsetWidth;
};
table.rows[0].cells[j].onmouseup=function(){
//结束宽度调整
if(tTD==undefined)tTD=this;
tTD.mouseDown=false;
tTD.style.cursor='default';
};
table.rows[0].cells[j].onmousemove=function(){
//更改鼠标样式
if(event.offsetX>this.offsetWidth-10)
this.style.cursor='col-resize';
else
this.style.cursor='default';
//取出暂存的TableCell
if(tTD==undefined)tTD=this;
//调整宽度
if(tTD.mouseDown!=null&&tTD.mouseDown==true){
tTD.style.cursor='default';
if(tTD.oldWidth+(event.x-tTD.oldX)>0)
tTD.width=tTD.oldWidth+(event.x-tTD.oldX);
//调整列宽
tTD.style.width=tTD.width;
tTD.style.cursor='col-resize';
//调整该列中的每个Cell
table=tTD;while(table.tagName!='TABLE')table=table.parentElement;
for(j=0;j<table.rows.length;j++){
table.rows[j].cells[tTD.cellIndex].width=tTD.width;
}
//调整整个表
//table.width=tTD.tableWidth+(tTD.offsetWidth–tTD.oldWidth);
//table.style.width=table.width;
}
};
}
</script>
</body>
</html>
阅读全文

与javascripttdwidth相关的资料

热点内容
excel批量保存pdf文件 浏览:963
win10文件夹死机动不了 浏览:411
ps打开多页pdf文件 浏览:901
数据库统计某一字段值出现次数 浏览:705
学编程需要哪些方面的能力 浏览:896
在word2003表格中插入一行 浏览:606
怎么把拍照取字的文件转成pdf 浏览:838
小米穿戴app哪里更换表盘 浏览:911
满足该条件更改文件内容的代码 浏览:503
xp系统怎么卸载win10系统文件 浏览:709
华为手机双系统app怎么转 浏览:317
u盘插上pc自动跳出文件夹 浏览:232
机密文件写在哪里 浏览:480
qq主题免费使用女孩 浏览:342
园林景观网站模板 浏览:717
五线谱入门基础视频教程下载 浏览:598
个人网站怎么盈利 浏览:618
怎么禁止程序启动程序运行 浏览:261
苹果平板的测距仪app有什么作用 浏览:229
乌云数据库酒店开房 浏览:674

友情链接