jQuery를 기반으로 한 테이블 정보의 동적 추가, 삭제, 수정 및 쿼리(왼쪽/오른쪽 클릭 프롬프트 포함)(Zjmainstay의 원본)_jquery

온라인 데모: http://demo.jb51.net/js/2012/jqueryAutoAddDeleteTableTr/jqueryAutoAddDeleteTableTr_leftClick.html
//왼쪽 클릭

코드를 복사하세요 코드는 다음과 같습니다.

<머리>





<본문>

<테이블>

 
 
 
 
 
 
 
 


 
 
 
 
 
 
 
1


 
 
 
 
 
 
 
2


 
 
 
 
 
 
 
3


 
 
 
 
 
 
 
4


 
 
 
 
 
 
 
5


 
 
 
 
 
 
 
6

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

jqueryAutoAddDeleteTableTr_rightClick.html
//右键（含屏蔽浏览器右键功能）

复제대码 代码如下:

<머리>





<본문>

<테이블>

 
 
 
 
 
 
 
 


 
 
 
 
 
 
 
1


 
 
 
 
 
 
 
2


 
 
 
 
 
 
 
3


 
 
 
 
 
 
 
4


 
 
 
 
 
 
 
5


 
 
 
 
 
 
 
6

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

jqueryAutoAddDeleteTableTr_leftClick_addsearch.html
//左键添加查询功能

复主代码 代码如下:

<머리>





<본문>

<테이블>

 
 
 
 
 
 
 
 














1
2
3
4
5
6
7
8


a
b
c
d
e
f
g
h


A
B
C
D
E
F
G
H


아아
bb
cc
dd
ee
ff
gg
아아


111
222
333
444
555
666
777
888


1a
2b
3c
4d
5e
6f
7g
8시간>

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

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

var addToTdLeft = 60; //addToTdLeft가 설정되면 addToTrLeft가 유효하지 않음을 나타냅니다. 프롬프트 DIV clickTips 현재 tr의 상단과 왼쪽으로부터의 오프셋은 위로 또는 왼쪽으로 이동하기 위해 음수일 수 있습니다.

소프트웨어 다운로드:
다운로드
작성자: Zjmainstay　　출처: http://www.cnblogs.com/Zjmainstay/