mirror of
https://github.com/oopuuu/zTC1.git
synced 2025-12-12 04:58:17 +08:00
表格 OK
This commit is contained in:
@@ -5,7 +5,7 @@
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="description" content="A front-end template that helps you build fast, modern mobile web apps.">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
|
||||
<title>Material Design Lite</title>
|
||||
<title>TC1 Material</title>
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<link rel="icon" sizes="192x192" href="http://119.23.191.79/tc1/images/android-desktop.png">
|
||||
<!-- Add to homescreen for Safari on iOS -->
|
||||
@@ -224,49 +224,86 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="page page3 mdl-cell">
|
||||
<table class="mdl-data-table mdl-js-data-table mdl-data-table--selectable mdl-shadow--2dp">
|
||||
<div class="page page3 mdl-cell demo-card-event mdl-card mdl-shadow--2dp">
|
||||
<table class="mdl-data-table mdl-js-data-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="mdl-data-table__cell--non-numeric">Material</th>
|
||||
<th>Quantity</th>
|
||||
<th>Unit price</th>
|
||||
<th class="mdl-data-table__cell--non-numeric">Name</th>
|
||||
<th class="mdl-data-table__cell--non-numeric">Nickname</th>
|
||||
<th>Age</th>
|
||||
<th class="mdl-data-table__cell--non-numeric">Living?</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="mdl-data-table__cell--non-numeric">Acrylic (Transparent)</td>
|
||||
<td>25</td>
|
||||
<td>$2.90</td>
|
||||
<td class="mdl-data-table__cell--non-numeric">John Lennon</td>
|
||||
<td class="mdl-data-table__cell--non-numeric">The smart one</td>
|
||||
<td>40</td>
|
||||
<td class="mdl-data-table__cell--non-numeric">No</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="mdl-data-table__cell--non-numeric">Plywood (Birch)</td>
|
||||
<td>50</td>
|
||||
<td>$1.25</td>
|
||||
<td class="mdl-data-table__cell--non-numeric">Paul McCartney</td>
|
||||
<td class="mdl-data-table__cell--non-numeric">The cute one</td>
|
||||
<td>73</td>
|
||||
<td class="mdl-data-table__cell--non-numeric">Yes</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="mdl-data-table__cell--non-numeric">Laminate (Gold on Blue)</td>
|
||||
<td>10</td>
|
||||
<td>$2.35</td>
|
||||
<td class="mdl-data-table__cell--non-numeric">George Harrison</td>
|
||||
<td class="mdl-data-table__cell--non-numeric">The shy one</td>
|
||||
<td>58</td>
|
||||
<td class="mdl-data-table__cell--non-numeric">No</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="mdl-data-table__cell--non-numeric">Ringo Starr</td>
|
||||
<td class="mdl-data-table__cell--non-numeric">The funny one</td>
|
||||
<td>74</td>
|
||||
<td class="mdl-data-table__cell--non-numeric">Yes</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="page page4 mdl-cell demo-card-event mdl-card mdl-shadow--2dp">
|
||||
<div class="mdl-card__title mdl-card--expand">
|
||||
<h4>
|
||||
Featured event:<br>
|
||||
May 24, 2016<br>
|
||||
7-11pm
|
||||
</h4>
|
||||
</div>
|
||||
<table class="mdl-data-table mdl-js-data-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="mdl-data-table__cell--non-numeric">Name</th>
|
||||
<th class="mdl-data-table__cell--non-numeric">Nickname</th>
|
||||
<th>Age</th>
|
||||
<th class="mdl-data-table__cell--non-numeric">Living?</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="mdl-data-table__cell--non-numeric">John Lennon</td>
|
||||
<td class="mdl-data-table__cell--non-numeric">The smart one</td>
|
||||
<td>40</td>
|
||||
<td class="mdl-data-table__cell--non-numeric">No</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="mdl-data-table__cell--non-numeric">Paul McCartney</td>
|
||||
<td class="mdl-data-table__cell--non-numeric">The cute one</td>
|
||||
<td>73</td>
|
||||
<td class="mdl-data-table__cell--non-numeric">Yes</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="mdl-data-table__cell--non-numeric">George Harrison</td>
|
||||
<td class="mdl-data-table__cell--non-numeric">The shy one</td>
|
||||
<td>58</td>
|
||||
<td class="mdl-data-table__cell--non-numeric">No</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="mdl-data-table__cell--non-numeric">Ringo Starr</td>
|
||||
<td class="mdl-data-table__cell--non-numeric">The funny one</td>
|
||||
<td>74</td>
|
||||
<td class="mdl-data-table__cell--non-numeric">Yes</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="mdl-card__actions mdl-card--border">
|
||||
<a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect">
|
||||
Add to Calendar
|
||||
</a>
|
||||
<div class="mdl-layout-spacer"></div>
|
||||
<i class="material-icons">event</i>
|
||||
<i>2020-02-22</i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -364,7 +401,7 @@
|
||||
$(".mdl-navigation__link").removeClass("mdl-nav-active");
|
||||
$(".mdl-navigation__link:eq("+(id-1)+")").addClass("mdl-nav-active");
|
||||
}
|
||||
ShowPage(2);
|
||||
ShowPage(4);
|
||||
|
||||
function AjaxErr(re) {
|
||||
//alert(re.status);
|
||||
|
||||
Reference in New Issue
Block a user