コニファ・ロゴ

csstest:jQuery プラグインtablednd.jsを使って、テーブルの行をドラッグ &ドロップで移動

テーブルの行(tr)をドラッグ &ドロップで移動できます。行(tr)にカーソルに合わせ、ドラッグを開始すると、文字色が黄色、バックが黒に変わります。input欄入力後でも同様に動きます。 セルによっては、ややドラッグしにくい部分があります。左寄せになっているセルの右側空き部分がドラッグしやすくなっています。赤字部分には、移動状況を表示します。

 

◎ここに移動状況を表示


001
One
28959467
愛知県
002
Two
234467
大阪府
003
Three
12343388
神奈川県
004
Four
45334889
東京都
005
Five
2312234
千葉県
006
Six
2456788
大分県
007
Seven
90908899
香川県
008
Eight
123232345
青森県
009
Nine
67876900
静岡県
010
Ten
34532566
新潟県

 

 

 

 

戻るボタン