Guten Abend,
ich möchte für meine Freundin eine kleine Tabelle erstellen; das geht zwar auch so mit HTML, sieht aber nicht so hübsch aus. Darum habe ich ein kleines Plugin gefunden, welches ansehnliche Lösungen bietet. Ich hab mich bisher nie mit sowas beschäftigt und bräuchte daher eine kleine Hilfestellung - die Antwort ist sicher kurz. Ich will wirklich nur diese kleine Tabelle erstellen, darum bitte keine Links zu ellenlangen Guides oder so
Ich habe eine HTML-Datei namens "liste.html" mit dieser Beispiel-Tabelle. Code:
Code:
Im gleichen Ordner befinden sich dann noch die Dateien jquery.js (Inhalt: Klick) sowie jquery.tablesorter.min.js (Inhalt: Klick).
Ich bin nach der Methode vorgegangen, wie sie hier beschrieben wird; genau so eine Tabelle hätte ich gerne.
Über Antworten, was ich falsch gemacht habe, würde ich mich sehr freuen.
Danke!
ich möchte für meine Freundin eine kleine Tabelle erstellen; das geht zwar auch so mit HTML, sieht aber nicht so hübsch aus. Darum habe ich ein kleines Plugin gefunden, welches ansehnliche Lösungen bietet. Ich hab mich bisher nie mit sowas beschäftigt und bräuchte daher eine kleine Hilfestellung - die Antwort ist sicher kurz. Ich will wirklich nur diese kleine Tabelle erstellen, darum bitte keine Links zu ellenlangen Guides oder so
Ich habe eine HTML-Datei namens "liste.html" mit dieser Beispiel-Tabelle. Code:
Code:
Code:
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.tablesorter.min.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
$("#myTable").tablesorter();
}
);
</script>
</head>
<body>
<table id="myTable" class="tablesorter">
<thead>
<tr>
<th>Last Name</th>
<th>First Name</th>
<th>Email</th>
<th>Due</th>
<th>Web Site</th>
</tr>
</thead>
<tbody>
<tr>
<td>Smith</td>
<td>John</td>
<td>jsmith@gmail.com</td>
<td>$50.00</td>
<td>http://www.jsmith.com</td>
</tr>
<tr>
<td>Bach</td>
<td>Frank</td>
<td>fbach@yahoo.com</td>
<td>$50.00</td>
<td>http://www.frank.com</td>
</tr>
<tr>
<td>Doe</td>
<td>Jason</td>
<td>jdoe@hotmail.com</td>
<td>$100.00</td>
<td>http://www.jdoe.com</td>
</tr>
<tr>
<td>Conway</td>
<td>Tim</td>
<td>tconway@earthlink.net</td>
<td>$50.00</td>
<td>http://www.timconway.com</td>
</tr>
</tbody>
</table>
</body>
</html>Im gleichen Ordner befinden sich dann noch die Dateien jquery.js (Inhalt: Klick) sowie jquery.tablesorter.min.js (Inhalt: Klick).
Ich bin nach der Methode vorgegangen, wie sie hier beschrieben wird; genau so eine Tabelle hätte ich gerne.
Über Antworten, was ich falsch gemacht habe, würde ich mich sehr freuen.
Danke!
