Hi Leutz
rein theoretisch soll es ja funktionieren, mit dem Ausblenden von nicht so wichtigen Spalten
Aber ich brauch da wohl noch einen Denkanstoß
Meine Tabelle:
Code
<table> <thead> <tr> <th class="numeric" >StartNr.</th> <th class="numeric" >Name, Vorname</th> <th class="numeric" >Kennzahl</th> <th class="numeric" >Wettkampf</th> <th class="numeric" >Klasse</th> <th class="numeric" >Start</th> <th class="numeric" >Zeit</th> <th class="numeric" >M/E</th> <th class="numeric" >Stand</th> <th class="numeric" >Erg.<br /> Einzel</th> <th class="numeric" >Erg.<br /> Team</th> <th class="numeric" >Rang <br /> Einzel</th> <th class="numeric" >Rang <br /> Team</th> </tr> </thead <tbody> <tr> <td class="numeric" >2907</td> <td class="numeric" >Gützkow, Jürgen </td> <td class="numeric" >1.19.74</td> <td class="numeric" >Luftgewehr sitzend Auflage</td> <td class="numeric" >Senioren C</td> <td class="numeric" >21.06.2016</td> <td class="numeric" >13:00</td> <td class="numeric" >M</td> <td class="numeric" >36</td> <td class="numeric" >304,3</td> <td class="numeric" >920,3</td> <td class="numeric" >59/69</td> <td class="numeric" >32/41</td> </tr> </tbody></table>
Der dazugehörige CSS Code:
Code
@media only screen and (max-width: 800px) {
#unseen table tr:first-child td:nth-child(1),
#unseen table tr:first-child th:nth-child(1) {display: none;}
}
@media only screen and (max-width: 640px) {
#unseen table tr:first-child td:nth-child(1),
#unseen table tr:first-child th:nth-child(1),
#unseen table tr:first-child td:nth-child(4),
#unseen table tr:first-child th:nth-child(4),
#unseen table tr:first-child td:nth-child(5),
#unseen table tr:first-child th:nth-child(5),
#unseen table tr:first-child td:nth-child(8),
#unseen table tr:first-child th:nth-child(8),
#unseen table tr:first-child td:nth-child(9),
#unseen table tr:first-child th:nth-child(9){display: none;}
Alles anzeigen
Ist denn mein Ding so richtig
Nur was ich noch nicht so ganz peile ist die Kurve von der Tabelle zur CSS
Wenn mir da einer beim Denken hilft, wäre das toll