当前位置:  编程技术>WEB前端

jQuery实现鼠标可拖动调整表格列宽度

    来源: 互联网  发布时间:2014-08-25

    本文导语:  实现鼠标可拖动调整表格列宽度 如图:  一、引入文件: 代码如下: 二、TABLE 代码如下: 栏目类型 活动名称 状态 操作选项 青春日记 2014年度青春日记征文 提交 审核 我和孩子的成长故事 成长故事 通过 审...

实现鼠标可拖动调整表格列宽度 如图:
 
一、引入文件:
代码如下:





二、TABLE
代码如下:





栏目类型
活动名称
状态
操作选项





青春日记
2014年度青春日记征文
提交
审核



我和孩子的成长故事
成长故事
通过
审核




以上html只是作为Demo 并不是我项目中所实际使用的,并且在测试的时候 也未能实现。郁闷...

三、实现表格可拖动
代码如下:


$(function(){
$("#myTable").resizableColumns({
store: window.store
});
})


在项目使用过程中 发现无需引入store.js 也无需data-resizable-column-id属性

并且$("#myTable").resizableColumns();也可实现功能

所需文件下载地址:http://xiazai./201405/yuanma/jquery-resizableColumns.zip

分别解压两个文件

jquery.resizableColumns.js在jquery-resizable-columns-gh-pagesdist路径下

store.js在store.js-master路径下

    
 
 

您可能感兴趣的文章:

  • jQuery EasyDrag实现DIV拖动
  • jQuery拖动div、移动div与弹出层实例
  • jquery实现鼠标拖动图片效果示例代码
  • jquery div拖动效果示例代码
  • jQuery拖动div、移动div、弹出层实现原理及示例
  • jquery 图片缩放拖动的简单实例
  • Jquery仿IGoogle实现可拖动窗口示例代码
  • jQuery 水平拖动效果的实例代码
  • jquery对元素拖动排序示例
  • jquery列表拖动排列(由项目提取相当好用)
  • jquery sortable的拖动方法示例详解
  • jquery实现的鼠标拖动排序Li或Table
  • jquery动态调整div大小使其宽度始终为浏览器宽度
  • Jquery 获取浏览器的宽度与高度
  • jquery 获取文字宽度与显示长度的例子
  • jquery实现在页面加载完毕后获取图片高度或宽度
  • jQuery(js)获取文字宽度(显示长度)示例代码
  • javascript原生和jquery库实现iframe自适应高度和宽度
  • jquery div拖拽宽度的代码分享
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • jQuery表格插件 Flexigrid for jQuery
  • jQuery电子表格插件 jQuery.sheet
  • jQuery电子表格插件 JQuery.Spreadsheet UI
  • JQuery实现动态表格点击按钮表格增加一行
  • jQuery 数据表格插件 jqxGrid
  • jQuery表格插件 jQuery grid view plugin
  • jQuery表格插件 DataTables
  • jQuery表格插件 ayGrid
  • jQuery表格插件 MagicGrid
  • jQuery如何获取表格总行数
  • jQuery 表格插件 cGrid
  • jQuery 表格插件 jui_datagrid
  • jQuery表格插件 colResizable
  • jQuery表格分页插件 Table Pagination
  • jQuery表格插件 Flexigrid
  • jQuery 表格响应式插件 FooTable
  • jQuery树形表格插件 jQTreeTable
  • jQuery 表格排序插件 Stupid Table
  • jQuery 表格数据渲染插件 GraphUp
  • 基于jQuery的表格组件 VDataTable
  • 通过javascript库JQuery实现页面跳转功能代码
  • jQuery鼠标动画插件 jquery-ahover
  • jQuery概述,代码举例及最新版下载
  • jQuery向导插件 Jquery Wizard Plugin
  • Jquery操作html复选框checkbox:全选,全不选和反选
  • jQuery圆角插件 jQuery Corners
  • struts+spring+hibernate+jquery实现分页功能的几个基本类介绍(异步加载)
  • jQuery相册插件 jQuery.popeye
  • jQuery UI组件 jQuery UI
  • jQuery右键菜单插件 jQuery ContextMenu
  • jQuery分页插件 Pagination jQuery Plugin


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3