コピペで使えるドラッグ＆ドロップで行の移動ができるテーブル～ mamdragdrop.js

■mamdragdrop.jsのダウンロード

■使い方

上記ボタンからmamdragdrop.jsをダウンロードします。
mam accordionを使いたいファイルで、
```
  <script src="./js/mamdragdrop.js"></script>
```
のように、相対又は絶対パスでjsファイルを指定します。

class="mam_dragdrop"を指定したtableエレメントを設定します。

<table class="mam_dragdrop">
  <thead>
    <tr>
      <th>列タイトル１</th>
      <th>列タイトル２</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>ここをマウスでドラッグ出来ます１</td>
      <td>ここもドラッグ出来ます１</td>
    </tr>
    <tr>
      <td>マウスでドラッグ出来ます２</td>
      <td>マウスでドラッグ出来ます２</td>
    </tr>
    <tr>
      <td>ドラッグドロップできる３</td>
      <td>ドラッグドロップできる３</td>
    </tr>
    <tr>
      <td>ドラッグ可能４</td>
      <td>ドラドラッグ＆ドロップ可能４</td>
    </tr>
  </tbody>
</table>

■使用例

テーブルの行をドラッグ＆ドロップして、行を移動させることが出来ます。
CTLRLキーを押しながら行をドラッグ＆ドロップするとコピーになります。
ALTキーを押しながら行をクリックすると、行削除になります。

列タイトル１	列タイトル２
ここをマウスでドラッグ出来ます１	ここもマウスで出来ます１
マウスでドラッグ出来ます２	マウスでドラッグ出来ます２
ドラッグドロップできる３	ドラッグドロップできる３
ドラッグ可能４	ドラドラッグ＆ドロップ可能４