Blue Flower

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:

r1c1 r1c2 r1c3 r1c4
r2c1 r2c2 r2c3 r2c4
r3c1 r3c2 r3c3 r3c4
r4c1 r4c2 r4c3 r4c4

Changed to table of this:

r1c1-4
r2c1 r2c2 r2c3 r2c4
r3c1 r3c2 r3c3 r3c4
r4c1 r4c2 r4c3 r4c4

 

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.

Leave your comments

Post comment as a guest

0 Character restriction
Your text should be more than 2 characters
Your comments are subjected to administrator's moderation.
  • No comments found