jquery-mobile - モバイル アプリケーションのページ分割され、並べ替え可能で、折りたたみ可能なデータ行 (テーブル)

Question

http://tablesorter.com/docs/example-pager.htmlに示されているデモをモバイル アプリケーションに実装したいと考えています。デモの各行を折りたたみ可能/展開可能にしたい。それを達成するための最良の方法は何ですか？私の知識では、テーブルはモバイル アプリケーションではうまく機能しません。私が間違っている場合は修正してください。ありがとう。

==編集==

欲しいのはほぼこれだけ

http://stokkers.mobi/jqm/tableview/demo.html

Answer 1

これがモバイル アプリケーションでどのように機能するかはわかりませんが、このデモをご覧ください。tablesorter 2.0.5に追加されたので、その mod をダウンロードする必要はありません。

cssChildRowこのデモは、クラス名を含む名前付きのドキュメント化されていないオプションの使用方法を示していますexpand-child。このクラス名はテーブルの行に追加され、trその前の行にアタッチされます (そのデモのコード例):

<tr>
    <td rowspan="2" class="collapsible"></td>
    <td rowspan="2" class="collapsible_alt"><a href="javascript:alert('Order # SO71774')">SO71774</a></td>
    <td>Good Toys</td>
    <td>PO348186287</td>
    <td>Jul 20, 2007</td>
    <td>$972.78</td>
</tr>
<tr class="expand-child">
    <td colspan="4">
        <div class="bold">Shipping Address</div>
        <div>
            99700 Bell Road<br /> Auburn, California 95603
        </div>
    </td>
</tr>

このファイルで行を折りたたみ可能にするために必要なコード: jquery.tablesorter.collapsible.js