实现包含多个列的列表视图

Question

我在jQuery mobile和Phone Gap中实现了一个iPhone应用程序

使用列表视图，我们可以实现普通的表视图，嵌套的表视图。

<ul data-role="listview" data-inset="true" class="ui-listview">
                        <li data-role="list-divider">Location</li> <!-- Section Header -------->


                        <li>Primary</a></li>
                        <li>Primary </li>
                        <li>Secondary</a></li>
                        <li>Secondary</li>

                    </ul>

但所有这些只有一列，多行。

现在我需要创建一个包含多列的表（列表视图）。

如何创建包含多列的列表视图？

Answer 1

试试这个，我希望它能起作用......

<ul>
<li> <!--first item -->
<table>
    <tr>
        <td>Heading1</td>
        <td>Meaning1</td>
    </tr>
    <tr>
        <td>Heading2</td>
        <td>Meaning2</td>
    </tr>
    <tr>
        <td>Heading3</td>
        <td>Meaning3</td>
    </tr>
</table>
</li>
<li> <!-- second item -->
<table>
    <tr>
        <td>Heading1</td>
        <td>Meaning1</td>
    </tr>
    <tr>
        <td>Heading2</td>
        <td>Meaning2</td>
    </tr>
    <tr>
        <td>Heading3</td>
        <td>Meaning3</td>
    </tr>
</table>
</li>
</ul>

有一个link包含好信息