jquery.canDragColumn.js 简介

来源:luqidong 发布时间:2014-02-10 20:11:38 点击数:

 功能简介:实现拖动表格列宽拖动。
        效果截图:拖动前: 

        78OA办公系统

        拖动后:

       78OA办公系统

       使用步骤:

       第一步:引用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系列的浏览器进行下载)