MELMOTHX / Text-Amuse-1.77 / t / testfiles / table-specs.exp.html 

<table class="markdown-style-table" style="width:100%">
<caption>this is the legend</caption>
 <thead>
  <tr>
   <th style="text-align:left">
  left 
   </th>
   <th style="text-align:center">
 center 
   </th>
   <th style="text-align:right">
 right 
   </th>
   <th>
 justify
   </th>
  </tr>
 </thead>
 <tfoot>
  <tr>
   <td style="text-align:left">
  foot left 
   </td>
   <td style="text-align:center">
 centerf foot 
   </td>
   <td style="text-align:right">
 right foot 
   </td>
   <td>
 justify footer
   </td>
  </tr>
 </tfoot>
 <tbody>
  <tr>
   <td style="text-align:left">
  lefted 
   </td>
   <td style="text-align:center">
  centered 
   </td>
   <td style="text-align:right">
 righted 
   </td>
   <td>
 justified body with long line
   </td>
  </tr>
 </tbody>
</table>

<table class="markdown-style-table" style="width:100%">
<caption>legend</caption>
 <thead>
  <tr>
   <th>
 First Header  
   </th>
   <th>
 Second Header 
   </th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>
 Content Cell  
   </td>
   <td>
 Content Cell  
   </td>
  </tr>
  <tr>
   <td>
 Content Cell  
   </td>
   <td>
 Content Cell  
   </td>
  </tr>
 </tbody>
</table>

<table class="markdown-style-table" style="width:100%">
 <thead>
  <tr>
   <th>
 First Header  
   </th>
   <th>
 Second Header 
   </th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>
 Content Cell  
   </td>
   <td>
 Content Cell  
   </td>
  </tr>
  <tr>
   <td>
 Content Cell  
   </td>
   <td>
 Content Cell  
   </td>
  </tr>
 </tbody>
</table>

<table class="markdown-style-table" style="width:100%">
 <thead>
  <tr>
   <th>
   First Header  
   </th>
   <th>
 Second Header 
   </th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>
                 
   </td>
   <td>
 Content Cell  
   </td>
  </tr>
  <tr>
   <td>
   Content Cell  
   </td>
   <td>
 Content Cell  
   </td>
  </tr>
 </tbody>
</table>

<table class="markdown-style-table" style="width:100%">
 <thead>
  <tr>
   <th>
   First Header  
   </th>
   <th>
 Second Header
   </th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>
                 
   </td>
   <td>
 Content Cell
   </td>
  </tr>
  <tr>
   <td>
   Content Cell  
   </td>
   <td>
 
   </td>
  </tr>
 </tbody>
</table>

<table class="markdown-style-table" style="width:100%">
<caption>legend</caption>
 <thead>
  <tr>
   <th style="text-align:center">
   First Header  
   </th>
   <th style="text-align:right">
 Second Header (Right) 
   </th>
   <th style="text-align:left">
 Third (Left)
   </th>
  </tr>
 </thead>
 <tfoot>
  <tr>
   <td style="text-align:center">
   Footer 
   </td>
   <td style="text-align:right">
 
   </td>
   <td style="text-align:left">
 
   </td>
  </tr>
 </tfoot>
 <tbody>
  <tr>
   <td style="text-align:center">
                 
   </td>
   <td style="text-align:right">
 Content Cell  
   </td>
   <td style="text-align:left">
 
   </td>
  </tr>
  <tr>
   <td style="text-align:center">
   Content Cell (Centered)  
   </td>
   <td style="text-align:right">
               
   </td>
   <td style="text-align:left">
 Here
   </td>
  </tr>
  <tr>
   <td style="text-align:center">
   x  
   </td>
   <td style="text-align:right">
               
   </td>
   <td style="text-align:left">
 Here
   </td>
  </tr>
 </tbody>
</table>

<pre class="example">
   First Header  | Second Header (Right) | Third (Left)
   :-----------: | ------------: | :----
                 | Content Cell  |
   Content Cell (Centered)  |               | Here
   x  |               | Here
   Footer |||
   |+ legend +|


| First Header  | Second Header |
| ------------- | ------------- |
| Content Cell  | Content Cell  |
| Content Cell  | Content Cell  |
|+ legend +|
</pre>

<table class="markdown-style-table" style="width:100%">
 <tbody>
  <tr>
   <td>
 &#160; 
   </td>
   <td style="text-align:center">
 100 
   </td>
   <td style="text-align:center">
  200 
   </td>
   <td style="text-align:center">
  300 
   </td>
   <td style="text-align:center">
 400 
   </td>
   <td style="text-align:center">
 500
   </td>
   <td style="text-align:center">
 ... 
   </td>
   <td>
 &#160; 
   </td>
  </tr>
  <tr>
   <td>
 &#160; 
   </td>
   <td style="text-align:center">
 3 
   </td>
   <td style="text-align:center">
 6 
   </td>
   <td style="text-align:center">
 9 
   </td>
   <td style="text-align:center">
 12 
   </td>
   <td style="text-align:center">
 15 
   </td>
   <td style="text-align:center">
 ... 
   </td>
   <td>
 &#160; 
   </td>
  </tr>
 </tbody>
</table>

<table class="markdown-style-table" style="width:100%">
 <tbody>
  <tr>
   <td style="width:30%" >
 30% and  
   </td>
   <td style="width:30%" >
 30 % 
   </td>
  </tr>
 </tbody>
</table>

<table class="markdown-style-table" style="width:100%">
 <tbody>
  <tr>
   <td>
 70% and  
   </td>
   <td style="width:30%" >
 30 % 
   </td>
  </tr>
 </tbody>
</table>

<table class="markdown-style-table" style="width:100%">
 <tbody>
  <tr>
   <td>
 50% and  
   </td>
   <td>
 50 % 
   </td>
  </tr>
 </tbody>
</table>

<table class="markdown-style-table" style="width:100%">
 <tbody>
  <tr>
   <td style="text-align:center">
 center    
   </td>
   <td style="text-align:right">
 right 
   </td>
   <td style="text-align:left">
 left   
   </td>
   <td style="width:20%" >
  20%     
   </td>
   <td style="width:10%" >
      10% 
   </td>
   <td>
 rest    
   </td>
  </tr>
 </tbody>
</table>