JQuery 移动表 [英] JQuery Mobile Table

问题描述

谁能告诉我任何示例或可以提供 Jquery Mobile 表的任何示例吗?

Can anyone point me to any sample or can provide any sample of a Jquery Mobile table please?

我在他们的网站上看过演示，但没有找到表格.

I've seen the demos on their website and found no tables.

我需要能够创建一个在移动设备/iPad 上看起来不错的表格.

I need to be able to create a table that will look good on Mobile / iPad.

推荐答案

试试这个布局

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

和 css

ul {
    width: 100%;    
    margin-left: 0px;
    padding: 0px; 
}

ul li {
    list-style-type: none;
    border-bottom: 1px dashed gray;
    margin-top: 10px; 
}

*修复了一些小错误，但必须添加这个才能进行实质性的编辑

*fixed small bugs but have to add this to make substantial edit

这篇关于JQuery 移动表的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！