Webサイトで表のデータを並べ替えたい時、手動で入力し直すのは手間がかかります。そこで便利なのが、「jquery.tablednd.js」 です。このプラグインを使えば、tableタグの行をドラッグ&ドロップで簡単に並び替え られるようになります。特別な知識がなくても、わずか数行のコードを追加するだけ で実装可能です。 本記事では、「jquery.tablednd.js」を使って、tableタグの行の順番を変更する方法 をわかりやすく解説します。CSS、JavaScript、HTMLの設定方法を順番に説明するので、ぜひ参考にしてください。 tableタグの行(順番)をドラッグ&ドロップで変更するCSSの記述 ※tableタグ(#table-1)のCSSです。必要に応じて変更して下さい。 <style type="text/css"> <!-- body{ text-align: cente
