实现具有多列的列表视图答案

【问题标题】：Implement list views with multiple columns实现具有多列的列表视图
【发布时间】：2012-06-04 12:45:11
【问题描述】：

我已经在 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>

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

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

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

【问题讨论】：

标签： android iphone listview jquery-mobile cordova

【解决方案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 包含很好的信息

【讨论】：