以下のようにtd要素にrowspan="2"を設定し縦にセルを結合させてjQueryのtablesorterを実装したいと考えております。
しかし、テスト1を押した場合にtablesorterは動くのですがソートが崩れてしまいます。
テーブルのレイアウトが崩れてしまわないようにソートをしたいのですがどのようにすればいいでしょうか
jquery.tablesorter.jsを直接変更する方法しかないのでしょうか。
<script src="jquery-1.9.1.min.js"></script> <script type="text/javascript" src="jquery.tablesorter.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#myTable").tablesorter(); }); </script> <table border="1" id="myTable"><thead> <tr> <th>テスト1</th><th>テスト2</th><th>テスト3</th> </tr> </thead> <tbody> <tr> <td rowspan="2">1-1-2</td><td>1-3</td><td>1-4</td> </tr> <tr> <td>1-5</td><td>1-6</td> </tr> <tr> <td rowspan="2">2-1-2</td><td>2-3</td><td>2-4</td> </tr> <tr> <td>2-5</td><td>2-6</td> </tr> <tr> <td rowspan="2">3-1-2</td><td>3-3</td><td>3-4</td> </tr> <tr> <td>3-5</td><td>3-6</td> </tr> </tbody> </table>
あなたの回答
tips
プレビュー