jquery.tablednd.jsを使ってtableタグの行(順番)をドラッグ&ドロップで変更する方法をご紹介します。 tableタグの行(順番)をドラッグ&ドロップで変更するCSSの記述 ※tableタグ(#table-1)のCSSです。必要に応じて変更して下さい。 <style type="text/css"> <!-- body{ text-align: center; font-size: 16px; } h1{ text-align: center; padding: 10px 0 0 0; font-size: 18px; font-weight: bold; } #table-1{ width: 260px; margin: 0 auto; border-top:solid 1px #cccccc; border-left:solid 1px #cccccc; border
![jquery.tablednd.jsを使ってtableタグの行(順番)をドラッグ&ドロップで変更する方法|DAD UNION – エンジニア同盟](https://cdn-ak-scissors.b.st-hatena.com/image/square/bb3bba7359f25645281cd34a365f65a41729f920/height=288;version=1;width=512/https%3A%2F%2Fdad-union.com%2Fwp-content%2Fuploads%2F2022%2F03%2Fpic20220330.jpg)