質問: ### 前提・実現したいこと JQueryのsortableを使って、テーブル間をドラッグ&ドロップでソートしたいです。 実現したいこととしては、縦結合を含むテーブルで//A行、//B行を同時に動かしたいのですが、Aのみがソートされ上手くいきません。 原因はテーブル間のソートではtr単位で判定して動いているからなのでしょうが、 JQueryの方に何かを追記してABともに動くコードにしたいです。 ### 該当のソースコード ``` $(function(){ $('#sample tbody').sortable().disableSelection(); //html 1行目 //A 1行目2列目 1行目3列目 1行目4列目 //B ・・・AB同時にソートさせたいがAのみソートされる 1'行目2列目 1'行目3列目 1'行目4列目 2行目 2行目2列目 2行目3列目 2行目4列目 2'行目2列目 2'行目3列目 2'行目4列目 ``` ### 試したこと テーブルの中でdivで括ったりしてみたのですが、当然テーブル内にdivは使えないため、上手くいきませんでした。 ご教授よろしくお願いいたします。
回答: rowspanを使ったtableの並び替えは対応していない場合がほとんどです。 jQuery UIのSotableも start, update, stop オプションを書けば対応できるでしょうが大変です。 ここはtbodyを複数使うのはどうでしょうか? それを考慮して修正してみます。 ``` 1行目1列目 1行目2列目 1行目3列目 1行目4列目 1'行目1列目 1'行目3列目 1'行目4列目 2行目1列目 2行目2列目 2行目3列目 2行目4列目 2'行目1列目 2'行目3列目 2'行目4列目 ``` ``` $(function(){ $('#sample').sortable({ axis: 'y' }).disableSelection(); }); ``` なお、disableSelection()は非推奨となっています。