JavaScript实现拖动改变列宽

最新推荐文章于 2023-12-07 10:06:40 发布

boboo_2000_0

最新推荐文章于 2023-12-07 10:06:40 发布

阅读量1.1k

点赞数

分类专栏： Web开发文章标签： javascript class function border float 中国电信

本文链接：https://blog.csdn.net/boboo_2000_0/article/details/5091278

版权

这篇博客介绍了一种使用JavaScript实现的HTML表格列宽拖动调整的方法。通过添加特定的CSS类和JavaScript事件监听，用户可以鼠标拖动表格列边框来实时改变列的宽度。代码示例中详细展示了如何设置样式和定义拖动事件处理函数。

摘要由CSDN通过智能技术生成

以下是一个JavaScript实现的通过鼠标拖动的Html代码示例,具有很强的通用性:

<html> <title>拖动列宽的表格</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1">.bg td{ font-size:12px; text-align:left; line-height:15px; height:20px; } .bg td.tit{ background-color:#e2e2e2; height:17px; text-align:center; line-height:15px; } .bg td.num{ background-color:#e2e2e2; text-align:right; line-height:15px; width:30px; height:22px; } .resizeDivClass{ text-align:right; width:1px; mar