1

我在 jquery 移动表中有一个问题。

我想达到这样的结果

innertable_plain_html.png

我从纯 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>

我想通过使用 data-role="table"、data-mode="reflow" 的 jquery 移动表来实现相同的目的。当我做同样的事情时，

<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>

我导致： jqueryMobileTable

期待结果如第一张图片所示，

请在这个问题上帮助我

在此先感谢 Ravi.M

4

2 回答 2

1

我同意 SaurabhLP 的观点。这不是使用表格的用例。而且，jQM 表不支持rowspan（我认为你会使用）。而是使用网格视图。见docs。

我还在 为您设置了一个演示jsFiddle。

这应该给你一个坚实的开始。

我使用了很多内联样式，您可以将它们移动到样式表并通过向其添加!important;属性来使它们工作。

于 2013-06-14T06:17:13.833 回答
0

我建议不要为此使用表格，为此使用网格系统它将适用于灵活的行和列，网格系统不会为您的嵌套结构设计发出：-

http://view.jquerymobile.com/1.3.1/demos/widgets/grids/

谢谢希望这对你有帮助...

于 2013-06-14T04:50:24.690 回答