功能简介:实现拖动表格列宽拖动。
效果截图:拖动前:
拖动后:
使用步骤:
第一步:引用jquery封装好的脚本文件。
第二步:引用jquery.canDragColumn.js文件。
第三步:配置选择器等相关参数,共需要被提供3个。
<script language="javascript" type="text/javascript">
$(function() {
$.fn.CanDragColumn({
//表格选择器
tableContaienr: ".container table",
//头部菜单选择器
tdContainer: ".container .header th",
isAlwayCenter: false//这个可以不配置,有默认值,为true
});
})
</script>
好了。仅需要三步实现表格列宽可拖动效果。测试时例子已上传到本日志中。有需要的下载试试吧。(下载功能受浏览器限制,请使用IE系列的浏览器进行下载)