首页  >  文章  >  web前端  >  基于jQuery的动态增删改查表格信息,可左键/右键提示(原创自Zjmainstay)_jquery

基于jQuery的动态增删改查表格信息,可左键/右键提示(原创自Zjmainstay)_jquery

WBOY
WBOY原创
2016-05-16 17:51:211505浏览

在线演示: http://demo.jb51.net/js/2012/jqueryAutoAddDeleteTableTr/jqueryAutoAddDeleteTableTr_leftClick.html
//左键 

复制代码 代码如下:



jQuery 动态增删表格















































































               
              1
              2
              3
              4
              5
              6



向上增加一行
修改当前一行
向下增加一行
删除当前行




jqueryAutoAddDeleteTableTr_rightClick.html
//右键(含屏蔽浏览器右键功能)
复制代码 代码如下:



jQuery 动态增删表格















































































               
              1
              2
              3
              4
              5
              6



向上增加一行
修改当前一行
向下增加一行
删除当前行




jqueryAutoAddDeleteTableTr_leftClick_addsearch.html
//左键添加查询功能
复制代码 代码如下:



jQuery 动态增删表格



























































































               
1 2 3 4 5 6 7 8
a b c d e f g h
A B C D E F G H
aa bb cc dd ee ff gg hh
111 222 333 444 555 666 777 888
1a 2b 3c 4d 5e 6f 7g 8h



向上增加一行
修改当前一行
向下增加一行
删除当前行




PS:
var addToTrTop = 10;
var addToTrLeft = 534;

var addToTdLeft = 60; //若设置addToTdLeft则addToTrLeft失效

表示提示DIV clickTips距离当前tr顶部和左部的偏移量,可自行修改,可为负数表示上移或左移。

软件下载:下载
作者:Zjmainstay    
出处:http://www.cnblogs.com/Zjmainstay/
声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn