Question

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

==编辑==

这几乎是我想要的全部

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

Answer 1

我不确定这在移动应用中会如何做，但请查看this demo。无需下载该模块，因为它已添加到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

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

1 个答案: