examples/SimpleTable.html
<!--
border-collapse:separate
<table style="border:1px solid red;font-family:'PT Sans';font-size:12px;line-height:1.2;border-collapse:separate;">
<tr>
<td style="border:1px solid green;">row 1 cell 1 longer</td>
<td style="border:1px solid blue;">row 1 cell 2</td>
<td style="border: 1px solid gray;">third column</td>
</tr>
<tr>
<td style="border:1px solid green;color:red;font-weight:bold;">row 2 cell 1</td>
<td style="border:1px solid blue;">row 2 cell 2 long</td>
<td style="border: 1px solid gray;font-weight:bold;">third column row 2</td>
</tr>
<tr>
<td style="border:1px solid green;">lorem ipsum dolor sit amet, lorem ipsum dolor sit amet, lorem ipsum dolor
sit amet
</td>
<td style="border:1px solid blue;"></td>
<td style="border: 1px solid gray;">third column row 3</td>
</tr>
</table>
border-collapse:collapse
<table style="border:1px solid red;font-family:'PT Sans';font-size:12px;line-height:1.2;border-collapse:collapse;">
<tr>
<td style="border:1px solid green;">row 1 cell 1 longer</td>
<td style="border:1px solid blue;">row 1 cell 2</td>
<td style="border: 1px solid gray;">third column</td>
</tr>
<tr>
<td style="border:1px solid green;color:red;font-weight:bold;">row 2 cell 1</td>
<td style="border:1px solid blue;">row 2 cell 2 long</td>
<td style="border: 1px solid gray;font-weight:bold;">third column row 2</td>
</tr>
<tr>
<td style="border:1px solid green;">lorem ipsum dolor sit amet, lorem ipsum dolor sit amet, lorem ipsum dolor
sit amet
</td>
<td style="border:1px solid blue;"></td>
<td style="border: 1px solid gray;">third column row 3</td>
</tr>
</table>
border-collapse:collapse
<table style="border:1px solid red;font-family:'PT Sans';font-size:12px;line-height:1.2;border-collapse:collapse;">
<tr>
<td style="border:1px solid green;">row 1 cell 1 longer</td>
<td style="border:1px solid blue;">row 1 cell 2</td>
</tr>
</table>
border-collapse:separate
<table style="border:1px solid red;font-family:'PT Sans';font-size:12px;line-height:1.2;border-collapse:separate;">
<tr>
<td style="border:1px solid green;">row 1 cell 1 longer</td>
<td style="border:1px solid blue;">row 1 cell 2</td>
</tr>
</table>
-->
<table style="border:1px solid red;width:50%;font-size:12px;line-height:1.2;font-family:'PT Sans';">
<tr>
<td style="border:1px solid blue;">Another table inside!!!</td>
<td style="border:1px solid green;">test</td>
</tr>
</table>
<table style="border:1px solid red;font-family:'PT Sans';font-size:12px;line-height:1.2;border-collapse:separate;">
<tr>
<td style="border:1px solid green;">
<table style="border:1px solid red;font-family:'PT Sans';font-size:12px;line-height:1.2;border-collapse:separate;">
<tr>
<td style="border:1px solid green;">
<table style="border:1px solid red;font-family:'PT Sans';font-size:12px;line-height:1.2;border-collapse:separate;">
<tr>
<td style="border:1px solid green;">
<table style="border:1px solid red;font-family:'PT Sans';font-size:12px;line-height:1.2;border-collapse:separate;">
<tr>
<td style="border:1px solid green;">cell</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table style="border:1px solid red;font-family:'PT Sans';font-size:12px;line-height:1.2;border-collapse:collapse;">
<tr>
<td style="border:1px solid green;">cell</td>
<td style="border:1px solid blue;">cell</td>
</tr>
</table>
<table style="border:1px solid red;font-family:'PT Sans';font-size:12px;line-height:1.2;border-collapse:separate;">
<tr>
<td style="border:1px solid green;">cell</td>
<td style="border:1px solid blue;">cell</td>
</tr>
</table>
<table style="border:1px solid red;font-family:'PT Sans';font-size:12px;line-height:1.2;">
<tr>
<td style="border:1px solid black;">Table inside table lorem ipsum dolor sit amet, lorem ipsum dolor sit amet,
lorem ipsum dolor
sit amet
<div style="border:1px solid orange;background-color:yellow;">block</div>
another line after block
</td>
<td style="border:1px solid olive;">
lorem ipsum
<div style="background-color:yellow;border:1px solid orange;">lorem ipsum dolor sit amet</div>
<table style="border:1px solid green;font-size:12px;">
<tr>
<td style="border:1px solid yellow;">this is</td>
<td style="border:1px solid gray;">another table</td>
</tr>
<tr>
<td style="border:1px solid yellow;">with</td>
<td style="border:1px solid gray;">three rows!</td>
</tr>
<tr>
<td style="border:1px solid yellow;">and</td>
<td style="border:1px solid gray;">
oieto
<table style="border:1px solid red;">
<tr>
<td style="border:1px solid blue;">Another table inside!!!</td>
<td style="border:1px solid green;">test</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table style="font-family:'PT Sans';font-size:12px;line-height:1.2;border:1px solid black;border-collapse:separate;">
<tr>
<td style="border:1px solid red;">
This-is-table-cell
<table style="font-family:'PT Sans';font-size:12px;line-height:1.2;border:1px solid blue;border-collapse:separate;">
<tr>
<td>
table-inside parent table as child
<table style="font-family:'PT Sans';font-size:12px;line-height:1.2;border:1px solid blue;border-collapse:separate;">
<tr>
<td>
table-inside parent table as child
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td style="border:1px solid red;">
This-is-table-cell
<table style="font-family:'PT Sans';font-size:12px;line-height:1.2;border:1px solid blue;border-collapse:separate;">
<tr>
<td>
table-inside parent table as child eeeee
</td>
</tr>
</table>
</td>
<td style="border:1px solid red;">
This-is-table-cell
<table style="font-family:'PT Sans';font-size:12px;line-height:1.2;border:1px solid blue;border-collapse:separate;">
<tr>
<td>
table-inside parent table as child
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="border:1px solid red;">
cell
</td>
<td style="border:1px solid red;">
cell
</td>
<td style="border:1px solid red;">
cell
</td>
</tr>
<tr>
<td style="border:1px solid red;">
cell
</td>
<td style="border:1px solid red;">
cell
</td>
<td style="border:1px solid red;">
cell
</td>
</tr>
</table>
<table style="font-family:'PT Sans';font-size:12px;line-height:1.2;border:1px solid black;border-collapse:collapse;">
<tr>
<td style="border:1px solid red;">
This-is-table-cell
<div style="background-color:yellowgreen;">this is a div inside table cell that needs to be wraped</div>
<div style="background-color:yellow;">this is a div inside table cell that needs to be wraped</div>
<div style="background-color:red;color:white;">this is a div inside table cell that needs to be wraped</div>
<div style="background-color:yellow;">this is a div inside table cell that needs to be wraped</div>
</td>
<td style="border:1px solid red;">
This-is-table-cell
<div style="background-color:yellowgreen;">this is a div inside table cell that needs to be wraped</div>
</td>
<td style="border:1px solid red;">
This-is-table-cell
<div style="background-color:yellowgreen;">this is a div inside table cell that needs to be wraped</div>
</td>
</tr>
<tr>
<td style="border:1px solid red;">
cell
</td>
<td style="border:1px solid red;">
cell
</td>
<td style="border:1px solid red;">
cell
</td>
</tr>
</table>