jquery-mobile - 移动应用程序中的分页、可排序、可折叠数据行（表）

Question

我想在移动应用程序中实现http://tablesorter.com/docs/example-pager.html中显示的演示。我希望演示中的每一行都是可折叠/可扩展的。实现它的最佳方法是什么？据我所知，表格在移动应用程序中效果不佳。如果我错了，请纠正我。谢谢。

== 编辑 ==

这几乎就是我想要的

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

Answer 1

我不确定这将如何在移动应用程序中执行，但请查看此演示。无需下载该 mod，因为它已添加到tablesorter 2.0.5。

该演示展示了如何使用名为的未记录选项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