table-widget
Download
ⓘ Es ist wichtig, data-label in den Tabellenzellen zu verwenden, da diese Attribute dazu dienen, die Spaltenüberschriften mit den entsprechenden Zelleninhalten zu verknüpfen. Das ist besonders relevant für die barrierefreie Darstellung und die korrekte Anzeige auf mobilen Geräten, wo die Inhalte oft als Listen dargestellt werden. Ohne data-label könnten wichtige Kontextinformationen verloren gehen.
Darstellung
Erkrankungsstadium | Hauptsymptome | Empfohlene Untersuchungsfrequenz | Behandlung | Langzeitrisiko |
---|---|---|---|---|
Frühstadium | Leichte Müdigkeit, Kopfschmerzen, gelegentliche Übelkeit | Einmal jährlich | Regelmäßige Bewegung, leichte medikamentöse Unterstützung |
Niedrig
|
Mittleres Stadium | Chronische Müdigkeit, Gelenkschmerzen, Konzentrationsprobleme | Halbjährlich | Physiotherapie, stärkere medikamentöse Behandlung |
Moderat
|
Fortgeschrittenes Stadium | Starke Schmerzen, dauerhafte Erschöpfung, Einschränkungen im Alltag | Alle 3 Monate | Intensive Therapie, operative Eingriffe möglich |
Hoch
|
Endstadium | Lebensbedrohliche Komplikationen, Organversagen | Monatlich | Palliative Betreuung, unterstützende Maßnahmen |
Sehr hoch
|
Code
Code wurde kopiert!
<table class="table-widget"> <thead> <tr> <th>Erkrankungsstadium</th> <th>Hauptsymptome</th> <th>Empfohlene Untersuchungsfrequenz</th> <th>Behandlung</th> <th>Langzeitrisiko</th> </tr> </thead> <tbody> <tr> <td data-label="Erkrankungsstadium">Frühstadium</td> <td data-label="Hauptsymptome">Leichte Müdigkeit, Kopfschmerzen, gelegentliche Übelkeit</td> <td data-label="Empfohlene Untersuchungsfrequenz">Einmal jährlich</td> <td data-label="Behandlung">Regelmäßige Bewegung, leichte medikamentöse Unterstützung</td> <td data-label="Langzeitrisiko"> <div class="risk-content risk-low">Niedrig</div> </td> </tr> <tr> <td data-label="Erkrankungsstadium">Mittleres Stadium</td> <td data-label="Hauptsymptome">Chronische Müdigkeit, Gelenkschmerzen, Konzentrationsprobleme</td> <td data-label="Empfohlene Untersuchungsfrequenz">Halbjährlich</td> <td data-label="Behandlung">Physiotherapie, stärkere medikamentöse Behandlung</td> <td data-label="Langzeitrisiko"> <div class="risk-content risk-medium">Moderat</div> </td> </tr> <tr> <td data-label="Erkrankungsstadium">Fortgeschrittenes Stadium</td> <td data-label="Hauptsymptome">Starke Schmerzen, dauerhafte Erschöpfung, Einschränkungen im Alltag</td> <td data-label="Empfohlene Untersuchungsfrequenz">Alle 3 Monate</td> <td data-label="Behandlung">Intensive Therapie, operative Eingriffe möglich</td> <td data-label="Langzeitrisiko"> <div class="risk-content risk-high">Hoch</div> </td> </tr> <tr> <td data-label="Erkrankungsstadium">Endstadium</td> <td data-label="Hauptsymptome">Lebensbedrohliche Komplikationen, Organversagen</td> <td data-label="Empfohlene Untersuchungsfrequenz">Monatlich</td> <td data-label="Behandlung">Palliative Betreuung, unterstützende Maßnahmen</td> <td data-label="Langzeitrisiko"> <div class="risk-content risk-very-high">Sehr hoch</div> </td> </tr> </tbody> </table>