Skip to content

Instantly share code, notes, and snippets.

@jonrimmer
Created October 16, 2011 16:11
Show Gist options
  • Save jonrimmer/1291088 to your computer and use it in GitHub Desktop.
Save jonrimmer/1291088 to your computer and use it in GitHub Desktop.
Creating Tree-Tables in HTML and CSS
<ul>
<li>Jon
<ul>
<li>Bob</li>
<li>Jim</li>
<li>Dave</li>
</ul>
</li>
<li>Rob</li>
<li>Matt
<ul>
<li>Chris</li>
<li>Will</li>
</ul>
</li>
</ul>
<table>
<tbody>
<ul>
<li>
<tr>
<td>Bob</td>
<td>Picasso</td>
</tr>
</li>
<li>
<tr>
<td>Scott</td>
<td>Duchamp</td>
</tr>
<ul>
<li>
<tr>
<td>Phil</td>
<td>Raphael</td>
</tr>
</li>
</ul>
</li>
</ul>
</tbody>
</table>
<table>
<thead>
<tr>
<th>Name</th>
<th>First spoken word</th>
<th>Favourite Artist</th>
</tr>
<thead>
<tbody>
<tr>
<td>Bob</td>
<td>Dadda</td>
<td>Picasso</td>
</tr>
<tr>
<td>Scott</td>
<td>Food</td>
<td>Duchamp</td>
</tr>
<tr>
<td>Phil</td>
<td>Mamma</td>
<td>Raphael</td>
</tr>
</tbody>
</table>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment