Table

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

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>