Може ли някой да ме насочи към някаква проба или да предостави проба от таблица на Jquery Mobile, моля?
Видях демонстрациите на уебсайта им и не намерих таблици.
Трябва да мога да създам таблица, която ще изглежда добре на Mobile / iPad.
Може ли някой да ме насочи към някаква проба или да предостави проба от таблица на Jquery Mobile, моля?
Видях демонстрациите на уебсайта им и не намерих таблици.
Трябва да мога да създам таблица, която ще изглежда добре на 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;
}
*коригирани малки грешки, но трябва да добавите това, за да направите съществена редакция
http://jquerymobile.com/demos/1.0a4.1/#docs/forms/../../docs/content/content-html.html щракнете с десния бутон и вижте източника:
<table summary="This table lists all the JetBlue flights.">
<caption>Travel Itinerary</caption>
<thead>
<tr>
<th scope="col">Flight:</th>
<th scope="col">From:</th>
<th scope="col">To:</th>
</tr>
</thead>
<tfoot>
<tr>
<td colspan="5">Total: 3 flights</td>
</tr>
</tfoot>
<tbody>
<tr>
<th scope="row">JetBlue 983</th>
<td>Boston (BOS)</td>
<td>New York (JFK)</td>
</tr>
<tr>
<th scope="row">JetBlue 354</th>
<td>San Francisco (SFO)</td>
<td>Los Angeles (LAX)</td>
</tr>
<tr>
<th scope="row">JetBlue 465</th>
<td>New York (JFK)</td>
<td>Portland (PDX)</td>
</tr>
</tbody>
</table>
CSS
<style type="text/css">
table { width:100%; }
table caption { text-align:left; }
table thead th { text-align:left; border-bottom-width:1px; border-top-width:1px; }
table th, td { text-align:left; padding:6px;}
</style>
Актуализиране на връзките:
И ако искате луда алтернатива, винаги можете да създадете списък с решетки в него. Може да изглежда интересно.
<table>...</table>
? - person Matt Ball   schedule 20.04.2011