jq插件分享——实现Excel表格列宽可拉伸效果

因为工作上需要实现一个可调整表格列宽的需求，所以在不停的努力寻找与测试下，发现一个好用的非常小巧的jQuery插件。可实现用鼠标控制，随意拖动表格边框，使其变大和缩小。

加入样式：

<style type="text/css">

　　table{border-collapse:collapse;border-spacing:0;}

　　.listext th{background:#eee;color:#3366cc;}

　　.listext th,.listext td{border:solid 1px #ddd;text-align:left;padding:10px;font-size:14px;}

　　.rc-handle-container{position:relative;}

　　.rc-handle{position:absolute;width:7px;cursor:ew-resize;*cursor:pointer;margin-left:-3px;}

</style>

　　

选中表格，初始化表格宽度，创建具有拉伸处理方法的div。

 

 

$(function(){
	$("table").resizableColumns({});
});

　　

演示地址：https://www.daixiaorui.com/Public/demo/js/drag_tb/

最后说明一下，本实例没有提供下载，如果要正常运行使用，可以点击上面的“演示地址”进去，然后右键查看源文件，里面有js路径，把路径复制到浏览器下载下来就可以了。

 

文章出自：https://www.daixiaorui.com/read/98.html