首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >移动应用程序中的分页、可排序、可折叠的数据行(表)

移动应用程序中的分页、可排序、可折叠的数据行(表)
EN

Stack Overflow用户
提问于 2012-06-18 16:21:15
回答 1查看 3.4K关注 0票数 1

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

==编辑==

这几乎就是我想要的

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

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-06-19 15:39:29

我不确定在移动应用程序中如何做到这一点,但请查看this demo。不需要下载该模块,因为它已添加到tablesorter 2.0.5中。

该演示展示了如何使用一个未记录的名为cssChildRow的选项,该选项包含类名expand-child。这个类名被添加到一个表行tr中,以将其附加到它之前的行(示例代码来自该演示):

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<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
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/11086957

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文