Details

Written by Tech Notes

Published: 04 July 2016

Merging Cells (Column Or Row) Of Tables Made In cPanel HTML Editor

Here are some basic HTML code for when you want to change a table cell structure manually without use of a GUI.

Example 1: Changing multiple table cells into one cell (combing cell columns into 1).

Change a 4 x 4 celled table into a table that has it's first cell as 1 long cell that goes across 4 columns, and a 3x4 cell structure under it.  In this article, the format is Rows x Columns.  Specific cell reference format used is Row#Column# (such as r1c1).

Initial table of this:

Changed to table of this:

Initial table code:

<table>
<tbody>
<tr>
<td>r1c1</td>
<td>r1c2</td>
<td>r1c3</td>
<td>r1c4</td>
</tr>
<tr>
<td>r2c1</td>
<td>r2c2</td>
<td>r2c3</td>
<td>r2c4</td>
</tr>
<tr>
<td>r3c1</td>
<td>r3c2</td>
<td>r3c3</td>
<td>r3c4</td>
</tr>
<tr>
<td>r4c1</td>
<td>r4c2</td>
<td>r4c3</td>
<td>r4c4</td>
</tr>
</tbody>
</table>

Changed to table code of this:

<table>
<tbody>
<tr>
<td colspan="4">r1c1-4</td>
</tr>
<tr>
<td>r2c1</td>
<td>r2c2</td>
<td>r2c3</td>
<td>r2c4</td>
</tr>
<tr>
<td>r3c1</td>
<td>r3c2</td>
<td>r3c3</td>
<td>r3c4</td>
</tr>
<tr>
<td>r4c1</td>
<td>r4c2</td>
<td>r4c3</td>
<td>r4c4</td>
</tr>
</tbody>
</table>

Example 2: Changing multiple table rows into one row.

Change a 4 x 4 celled table to a table that has it's first cell as 1 long cell that goes across 4 rows, and a 4x3 cell structure on the right of it.  In this article, the format is Rows x Columns. Specific cell reference format used is Row#Column# (such as r1c1).

This section is being worked on, and will be updated when I have more time.

Feel Free To Leave A Good Comment. :)

Look around this site and it's menus, and you may find other useful articles.