jQuery移动表 [英] JQuery Mobile Table
本文介绍了jQuery移动表的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
任何人都可以指出我的任何示例,或者可以提供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.
我需要能够创建一个在Mobile/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屋!
查看全文