嵌套表问题在jQuery的移动
我在jquery移动表中遇到问题。
我想达到这样的效果
我从纯HTML代码中获得
HTML
<table border="1">
<tr>
<td>Rank</td>
<td>1941
<table border="1">
<tr>
<td>Rank</td>
<td>1941</td>
</tr>
</table>
</td>
</tr>
</table>
我想实现使用jquery移动表使用data-role =“table”，data-mode =“reflow”。 当我做同样的事情时，
<table data-role="table" id="my-table-next" data-mode="reflow" border="1">
<thead>
<tr>
<th>Rank</th>
</tr>
</thead>
<tbody>
<tr>
<td>1941
<table data-role="table" id="my-table-second" data-mode="columntoggle" border="1">
<thead>
<tr>
<th>Rank</th>
</tr>
</thead>
<tbody>
<tr>
<td>1941</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
我导致：
期待第一张图片中显示的结果，
请帮助我解决这个问题
在此先感谢Ravi.M
我同意SaurabhLP的观点。 这不是使用表格的用例。 此外，jQM表不支持rowspan （我认为你会使用它）。 而是使用gridviews。 看文档。
我还为jsFiddle设置了一个演示。
这应该给你一个坚实的开始。
我使用了很多内联样式，可以将它们移动到样式表中，并通过添加!important;使它们工作!important; 属性。
我建议不要为此使用表格，为此使用网格系统适合灵活的行和列，网格系统不会针对嵌套结构设计问题： -
http://view.jquerymobile.com/1.3.1/demos/widgets/grids/
感谢您希望为您提供帮助...
链接地址: http://www.djcxy.com/p/65381.html