cmb antwortete:
Danke für den Link!
Ich sehe, dass die Dokumentation des Plugins noch verbesserungsfähig ist. :)
Zunächst einmal kann Tablesorter_XH nicht wirklich mit rowspan und colspan umgehen. Daher müsstest Du die erste Spalte aus der Tabelle nehmen, und vielleicht als Überschrift über der Tabelle platzieren. Vermutlich brauchst Du insgesamt noch weitere Klassenstufen; die könnten aber einfach jeweils auch in einer eigenen Tabelle untergebracht werden (mehrere Tabellen werden noch nicht vom Plugin unterstützt; das kommt aber noch).
Dann erwartet das Plugin die CSS-Klasse tablesorter beim <table> Element, nicht bei einem übergeordneten <div>. Und die grundsätzliche Struktur der Tabelle muss stimmen: jede Zeile (auch die Überschriften) muss gleich viele Zellen haben (bei Dir gibt es nur 4 Überschriftszellen, aber 7 Inhaltszellen pro Zeile).
Und dann sollten natürlich einige Spalten ausgeblendet werden, ggf. abhängig von der Fenstergröße des Browsers. Dazu muss den jeweiligen <th>s die gewünschte CSS-Klasse zugewiesen werden.
Ich habe mir den Quellcode der Tabelle mal herauskopiert, und entsprechend überarbeitet:
Code: Select all
{{{tablesorter}}}
<div>Ressourcen / MaterialienBezug zum BO-Konzept der SchuleInnerschulische Verantwortlichkeiten
<table class="tablesorter" style="border-color: #000000; border-width: 1px; border-style: solid;" border="1" align="left">
<thead>
<tr>
<th style="text-align: center; background-color: #d6d6d6;">BO-Maßnahme</th>
<th class="tablesorter_medium" style="text-align: center; background-color: #d6d6d6;">Wichtigste Zielsetzungen</th>
<th class="tablesorter_large" style="text-align: center; background-color: #d6d6d6;">Außerschulische Kooperationen</th>
<th class="tablesorter_hide"></th>
<th class="tablesorter_hide"></th>
<th class="tablesorter_hide"></th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align: left;" valign="top">Besuch der BiB an der HHS</td>
<td style="text-align: left;"> </td>
<td style="text-align: left;"> </td>
<td style="text-align: left;" valign="top">
<p style="text-align: left;">OloV-Haupt-Qualitätsstandard: Individuelle Förderung der Ausbildungsreife <strong>und</strong> überfachliche Kompetenzen lt. §2:Kommunikationsfähigkeit, Durchhaltevermögen, Fähigkeit zur Selbstorganisation, Höflichkeit, Zuverlässigkeit</p>
</td>
<td style="text-align: left;"> </td>
<td style="text-align: left;" valign="top">
<p>Ansässige und teilnehmende Wirtschaftsunternehmen und Institutionen</p>
</td>
</tr>
<tr>
<td style="text-align: left;" valign="top">
<p><strong>1. Vorbereitung<br></strong>• Elternbrief<br>• Kooperation bei Planung und Durchführung (BiB-Arbeitsgruppe)<br>• Inhaltliche Vorbereitung im AL-Unterricht<br>• Vorbereitung der Berufsrally</p>
</td>
<td style="text-align: left;" valign="top">
<p>• Sensibilisierung der SuS für die Wichtigkeit der BiB<br>• Vorstellung der hiesigen Wirtschaft und Institutionen</p>
</td>
<td style="text-align: left;" valign="top">
<p>• Klassenspezifischer Laufbogen (Erstellung)<br>• Elternbrief<br>• Übersicht der ausstellenden Betriebe mit Berufen und Institutionen mit Abschlüssen</p>
</td>
<td style="text-align: left;" valign="top">
<p>• Erlass zur Ausgestaltung der Berufs- und Studienorientierung in Schulen (§§ 18-23)</p>
</td>
<td style="text-align: left;" valign="top">
<p>• Klassenlehrer/in<br>• AL-Lehrer/in</p>
• Inklusionslehrer/in</td>
<td style="text-align: left;" valign="top"> </td>
</tr>
<tr>
<td style="text-align: left;" valign="top">
<p><strong>2. Durchführung<br></strong>• Klassen besuchen die Ausstellungsstände der teilnehmenden Betriebe und Institutionen und setzen Berufsrally ein</p>
</td>
<td style="text-align: left;" valign="top">
<p>• Kontaktaufnahme und direkter Kontakt zu den Wirtschaftsbetrieben und Institutionen<br>• Sichtung der vorhandenen Praktikums- und Ausbildungsmöglichkeiten vor Ort</p>
</td>
<td style="text-align: left;" valign="top">
<p>• Berufsrally</p>
</td>
<td style="text-align: left;"> </td>
<td style="text-align: left;" valign="top">
<p>• Klassenlehrer/in<br>• AL-Lehrer/in</p>
• Inklusionslehrer/in</td>
<td style="text-align: left;" valign="top"> </td>
</tr>
<tr>
<td style="text-align: left;" valign="top">
<p><strong>3. Nachbereitung<br></strong>• Auswertung der Berufsrally im jeweiligen Unterricht<br>• Abschließendes Unterrichtsgespräch</p>
</td>
<td style="text-align: left;" valign="top">
<p>• Berufsbilder den Wirtschaftssektoren zuordnen<br>• SuS setzen sich mit ihren eigenen Lebens- und Berufszielen auseinander.<br>• (Evaluierung der individuellen Ergebnisse bezüglich der Zielsetzungen)</p>
</td>
<td style="text-align: left;" valign="top">
<p>• Auswertung der Berufsrally</p>
</td>
<td style="text-align: left;"> </td>
<td style="text-align: left;" valign="top">
<p>• (Klassenlehrer/in)<br>• AL-Lehrer/in</p>
• Inklusionslehrer/in</td>
<td style="text-align: left;"> </td>
</tr>
</tbody>
</table>
</div>
Das kannst Du auf einer neuen Testseite in der HTML-Ansicht einfach mal eingeben (dabei die Seitenüberschrift aber nicht löschen).
Ach ja: bei dieser Tabelle ist das Sortieren wohl nicht sinnvoll. Daher solltest Du in der Plugin-Konfiguration "Sortable" deaktivieren.