Adding a table without borders
In the unit created, under Add New Component, click on HTML.
From the selection list, click on Text. An empty component appears.
Inside this component, click on EDIT. The component editor appears.
Switch to HTML mode, then add one of the codes shown below, according to the display desired. Then save.
<table width=”100%”>
<tbody>
<tr>
<td width=”50%”>Contains left column</td>
<td width=”50%”>Contains right column</td>
</tr>
</tbody>
</table>
The above would look like this:
<table width=”100%”>
<tbody>
<tr>
<td width=”50%”>Contains left column</td>
<td width=”50%”>Contains right column</td>
</tr>
<tr>
<td width=”50%”>Contains left column</td>
<td width=”50%”>Contains right column</td>
</tr>
</tbody>
</table>
The above would look like this:
<table style=”border-style: dotted; border-color: yellow;”>
<tbody>
<tr>
<td width=”50%”>Cell 1</td>
<td width=”50%”>Cell 2</td>
</tr>
</tbody>
</table>
The above would look like this:
<table style=”border-style: solid; border-color: white;”>
<tbody>
<tr>
<td width=”50%”><p style=”text-align:justify;”>Left Column.</p>
</td>
<td width=”50%=”><p>Right Column</p>
</td>
</tr>
</tbody>
</table>
The above would look like this:
