table拖动列宽
来源:互联网 发布:ios6安装ios7软件插件 编辑:程序博客网 时间:2024/05/22 14:52
var tTD; //用来存储当前更改宽度的Table Cell,避免快速移动鼠标的问题 var table = document.getElementById("content");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.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'; //取出暂存的Table Cell 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.onmouseup=function(){//结束宽度调整if (tTD == undefined) tTD = this;tTD.mouseDown = false;tTD.style.cursor = 'default';};
0 0
- table拖动列宽
- table表格列宽拖动功能
- table拖动表格列宽度
- 可以拖动改变table列宽的sample
- 拖动改变Table的列宽度
- web中的table列可拖动
- 拖动改变Table的列宽度
- 在asp.net中实现可拖动列的table
- 表格列宽鼠标拖动
- 表格列宽鼠标拖动
- table 固定列宽
- 改变table列宽
- GridView拖动改变列宽、列顺序、列排序
- js 实现table每列可左右拖动改变列宽度
- html table 固定列宽
- JavaScript实现拖动改变列宽
- jquery 拖动表格 改变列宽
- 简洁的拖动表格的列宽
- java深入浅出设计模式----简单的工厂模式(一)----初学者容易犯的错误(二)
- CTO 眼中的管理
- 常用的ios全局宏定义
- mfc文档视图结构
- yum在线安装 Samba 服务器的构建
- table拖动列宽
- jump game
- Fragment Activity 中startActivityForResult的回调
- java设置一段代码执行超时时间
- ant+svn+tomcat实现自动构建
- java socket 编程学习资料收集2
- 我们都在成全别人眼中的自己
- mfc文档视图
- uitableview中自适应的复杂cell构建思路(此方案兼容ios8以下,若仅支持ios8,有更先进的方案,请期待续篇)