Jquery移动表格代码下载
jquery mobile table code download
我查看了jquery移动表....但不知道在哪里下载代码....你能告诉我在哪里可以下载样例代码....
http://jquerymobile.com/demos/1.3.0-beta.1/docs/tables/table-reflow.html@media ( min-width: 40em ) {
/* Show the table header rows and set all cells to display: table-cell */
.my-custom-breakpoint td,
.my-custom-breakpoint th,
.my-custom-breakpoint tbody th,
.my-custom-breakpoint tbody td,
.my-custom-breakpoint thead td,
.my-custom-breakpoint thead th {
display: table-cell;
margin: 0;
}
/* Hide the labels in each cell */
.my-custom-breakpoint td .ui-table-cell-label,
.my-custom-breakpoint th .ui-table-cell-label {
display: none;
}
}
这是您提供的页面上代码的复制/粘贴。
查看页面源查看页面的HTML代码(右键单击页面>查看页面源)。
<table data-role="table" id="movie-table" data-mode="reflow" class="ui-responsive table-stroke ui-table ui-table-reflow">
<thead>
<tr>
<th data-priority="1">Rank</th>
<th data-priority="persist">Movie Title</th>
<th data-priority="2">Year</th>
<th data-priority="3"><abbr title="Rotten Tomato Rating">Rating</abbr></th>
<th data-priority="4">Reviews</th>
</tr>
</thead>
<tbody>
<tr>
<th><b class="ui-table-cell-label">Rank</b>1</th>
<td><b class="ui-table-cell-label">Movie Title</b><a href="http://en.wikipedia.org/wiki/Citizen_Kane" data-rel="external" class="ui-link">Citizen Kane</a></td>
<td><b class="ui-table-cell-label">Year</b>1941</td>
<td><b class="ui-table-cell-label">Rating</b>100%</td>
<td><b class="ui-table-cell-label">Reviews</b>74</td>
</tr>
<tr>
<th><b class="ui-table-cell-label">Rank</b>2</th>
<td><b class="ui-table-cell-label">Movie Title</b><a href="http://en.wikipedia.org/wiki/Casablanca_(film)" data-rel="external" class="ui-link">Casablanca</a></td>
<td><b class="ui-table-cell-label">Year</b>1942</td>
<td><b class="ui-table-cell-label">Rating</b>97%</td>
<td><b class="ui-table-cell-label">Reviews</b>64</td>
</tr>
<tr>
<th><b class="ui-table-cell-label">Rank</b>3</th>
<td><b class="ui-table-cell-label">Movie Title</b><a href="http://en.wikipedia.org/wiki/The_Godfather" data-rel="external" class="ui-link">The Godfather</a></td>
<td><b class="ui-table-cell-label">Year</b>1972</td>
<td><b class="ui-table-cell-label">Rating</b>97%</td>
<td><b class="ui-table-cell-label">Reviews</b>87</td>
</tr>
<tr>
<th><b class="ui-table-cell-label">Rank</b>4</th>
<td><b class="ui-table-cell-label">Movie Title</b><a href="http://en.wikipedia.org/wiki/Gone_with_the_Wind_(film)" data-rel="external" class="ui-link">Gone with the Wind</a></td>
<td><b class="ui-table-cell-label">Year</b>1939</td>
<td><b class="ui-table-cell-label">Rating</b>96%</td>
<td><b class="ui-table-cell-label">Reviews</b>87</td>
</tr>
<tr>
<th><b class="ui-table-cell-label">Rank</b>5</th>
<td><b class="ui-table-cell-label">Movie Title</b><a href="http://en.wikipedia.org/wiki/Lawrence_of_Arabia_(film)" data-rel="external" class="ui-link">Lawrence of Arabia</a></td>
<td><b class="ui-table-cell-label">Year</b>1962</td>
<td><b class="ui-table-cell-label">Rating</b>94%</td>
<td><b class="ui-table-cell-label">Reviews</b>87</td>
</tr>
<tr>
<th><b class="ui-table-cell-label">Rank</b>6</th>
<td><b class="ui-table-cell-label">Movie Title</b><a href="http://en.wikipedia.org/wiki/Dr._Strangelove" data-rel="external" class="ui-link">Dr. Strangelove Or How I Learned to Stop Worrying and Love the Bomb</a></td>
<td><b class="ui-table-cell-label">Year</b>1964</td>
<td><b class="ui-table-cell-label">Rating</b>92%</td>
<td><b class="ui-table-cell-label">Reviews</b>74</td>
</tr>
<tr>
<th><b class="ui-table-cell-label">Rank</b>7</th>
<td><b class="ui-table-cell-label">Movie Title</b><a href="http://en.wikipedia.org/wiki/The_Graduate" data-rel="external" class="ui-link">The Graduate</a></td>
<td><b class="ui-table-cell-label">Year</b>1967</td>
<td><b class="ui-table-cell-label">Rating</b>91%</td>
<td><b class="ui-table-cell-label">Reviews</b>122</td>
</tr>
<tr>
<th><b class="ui-table-cell-label">Rank</b>8</th>
<td><b class="ui-table-cell-label">Movie Title</b><a href="http://en.wikipedia.org/wiki/The_Wizard_of_Oz_(1939_film)" data-rel="external" class="ui-link">The Wizard of Oz</a></td>
<td><b class="ui-table-cell-label">Year</b>1939</td>
<td><b class="ui-table-cell-label">Rating</b>90%</td>
<td><b class="ui-table-cell-label">Reviews</b>72</td>
</tr>
<tr>
<th><b class="ui-table-cell-label">Rank</b>9</th>
<td><b class="ui-table-cell-label">Movie Title</b><a href="http://en.wikipedia.org/wiki/Singin%27_in_the_Rain" data-rel="external" class="ui-link">Singin' in the Rain</a></td>
<td><b class="ui-table-cell-label">Year</b>1952</td>
<td><b class="ui-table-cell-label">Rating</b>89%</td>
<td><b class="ui-table-cell-label">Reviews</b>85</td>
</tr>
<tr>
<th><b class="ui-table-cell-label">Rank</b>10</th>
<td class="title"><b class="ui-table-cell-label">Movie Title</b><a href="http://en.wikipedia.org/wiki/Inception" data-rel="external" class="ui-link">Inception</a></td>
<td><b class="ui-table-cell-label">Year</b>2010</td>
<td><b class="ui-table-cell-label">Rating</b>84%</td>
<td><b class="ui-table-cell-label">Reviews</b>78</td>
</tr>
</tbody>
</table>
CSS -使表响应。
@media ( min-width: 40em ) {
/* Show the table header rows and set all cells to display: table-cell */
.my-custom-breakpoint td,
.my-custom-breakpoint th,
.my-custom-breakpoint tbody th,
.my-custom-breakpoint tbody td,
.my-custom-breakpoint thead td,
.my-custom-breakpoint thead th {
display: table-cell;
margin: 0;
}
/* Hide the labels in each cell */
.my-custom-breakpoint td .ui-table-cell-label,
.my-custom-breakpoint th .ui-table-cell-label {
display: none;
}
}
您需要删除表body元素下的所有class和td元素。
'http://jsfiddle.net/cptCX/3/'
相关文章:
- SIMPLE Javascript代码,用于显示谷歌电子表格中单个字段的数据
- 使用PHP来阻止用户下载代码,但代码占用cpu
- Appcelerator Titanium:在运行时下载并解释JavaScript代码
- 延迟代码执行,直到下载完成
- 将表格下载到excel中,隐藏行带有ng重复
- 如何在我的“代码块”中使表格 Squarespace 网站响应式
- javascript<脚本>标记代码在src下载之前执行
- 谷歌电子表格示例代码不起作用
- 使用Javascript和html从Google电子表格中填充html代码
- 为什么这个代码显示异常行为?(未提交表格)
- 环回存储服务:如何使用从JS代码上传/下载方法
- 从网址下载图像解析云代码
- 如何使用 iframe.src 下载文件时获取返回状态代码
- 基于 Google 电子表格中公式更改的电子邮件脚本代码
- 下载使用 JavaScript 的网站的 HTML 代码
- 以代码格式下载图像
- 无法使用节点预处理程序重建串行端口:404状态代码下载64位nw.lib
- Php代码下载apk文件在移动设备
- Jquery移动表格代码下载
- HTML代码下载链接,而不是在浏览器中打开它