Task Details | Progress | Vital Task |
---|---|---|
Create pretty table design | 100% | Yes |
Take the dog for a walk | 100% | Yes |
Waste half the day on Twitter | 20% | No |
Feel inferior after viewing Dribble | 80% | No |
Wince at “to do” list | 100% | Yes |
Vow to complete personal project | 23% | yes |
Procrastinate | 80% | No |
Hyperlink Example | 80% | Another |
[toggle title=”Code”]
<table class="table" cellspacing="0"> <tbody> <tr> <th>Task Details</th> <th>Progress</th> <th>Vital Task</th> </tr> <tr> <td>Create pretty table design</td> <td>100%</td> <td>Yes</td> </tr> <tr class="even"> <td>Take the dog for a walk</td> <td>100%</td> <td>Yes</td> </tr> <tr> <td>Waste half the day on Twitter</td> <td>20%</td> <td>No</td> </tr> <tr class="even"> <td>Feel inferior after viewing Dribble</td> <td>80%</td> <td>No</td> </tr> <tr> <td>Wince at "to do" list</td> <td>100%</td> <td>Yes</td> </tr> <tr class="even"> <td>Vow to complete personal project</td> <td>23%</td> <td>yes</td> </tr> <tr> <td>Procrastinate</td> <td>80%</td> <td>No</td> </tr> <tr class="even"> <td><a href="#yep-iit-doesnt-exist">Hyperlink Example</a></td> <td>80%</td> <td><a href="#inexistent-id">Another</a></td> </tr> </tbody> </table>
[/toggle]