Example 1: This is the simplest form of a table - A single row/single cell table.
| This is a one row and one cell Table |
Example 2: This is a single row/two cell table.
| This is cell 1 in Row 1 |
This is cell 2 in Row 1 |
Example 3: This is a two row/four cell table.
| This is cell 1 in Row 1 |
This is cell 2 in Row 1 |
| This is cell 1 in Row 2 |
This is cell 2 in Row 2 |
Example 4: This is a two row/eight cell table.
| This is cell 1 in Row 1 |
This is cell 2 in Row 1 |
This is cell 3 in Row 1 |
This is cell 4 in Row 1 |
| This is cell 1 in Row 2 |
This is cell 2 in Row 2 |
This is cell 3 in Row 2 |
This is cell 4 in Row 2 |
Example 5: This is a two row/5 cell table. Using the table property "colspan=n", we can fit one cell to a row in the same table that contains a row with four cells.
| This is cell 1 in Row 1 |
| This is cell 1 in Row 2 |
This is cell 2 in Row 2 |
This is cell 3 in Row 2 |
This is cell 4 in Row 2 |
Example 6: This is the same two row/5 cell table as Example 5. Without the "colspan" property, the table will look like this. The one cell in the first row will not stretch beyond the length of the first cell in the second row.
| This is cell 1 in Row 1 |
| This is cell 1 in Row 2 |
This is cell 2 in Row 2 |
This is cell 3 in Row 2 |
This is cell 4 in Row 2 |
Example 7: This is a two row/7 cell table. Again, we use the "colspan" property in the third cell of row 1 to make it equal to the width of cells 3 and 4 in row 2.
| This is cell 1 in Row 1 |
This is cell 2 in Row 1 |
This is cell 3 in Row 1 |
| This is cell 1 in Row 2 |
This is cell 2 in Row 2 |
This is cell 3 in Row 2 |
This is cell 4 in Row 2 |
Example 8: This is the same two row/eight cell table used in example 4. The difference is that we tried to add additional cells of information into row 1 without making any adjustments to other parts of the table. This forces the cells in row 2 to align with the first four cells in row 1, causing a misalignment of the columnar information flow.
| This is cell 1 in Row 1 |
This is cell 2 in Row 1 |
This is cell 3 in Row 1 |
This is cell 4 in Row 1 |
This is cell 5 in Row 1 |
This is cell 6 in Row 1 |
| This is cell 1 in Row 2 |
This is cell 2 in Row 2 |
This is cell 3 in Row 2 |
This is cell 4 in Row 2 |
Example 9: To resolve the problem in Example 8, you need to add two more cells to row 2 or strectch one of the cells in row 2 to the sixe of three cells, using the "colspan" property as shown below.
| This is cell 1 in Row 1 |
This is cell 2 in Row 1 |
This is cell 3 in Row 1 |
This is cell 4 in Row 1 |
This is cell 5 in Row 1 |
This is cell 6 in Row 1 |
| This is cell 1 in Row 2 |
This is cell 2 in Row 2 |
This is cell 3 in Row 2 |
This is cell 4 in Row 2 |
Example 10: Here is a mix and match for cells where data does not need to be aligned in a specific column.
| This is cell 1 in row 1 |
| This is cell 1 in Row 2 |
This is cell 2 in Row 2 |
| This is cell 1 in Row 3 |
This is cell 2 in Row 3 |
This is cell 3 in Row 3 |
| This is cell 1 in Row 3 |
This is cell 2 in Row 3 |
This is cell 3 in Row 3 |
This is cell 4 in Row 3 |
| This is cell 1 in Row 5 |
This is cell 2 in Row 5 |
This is cell 3 in Row 5 |
This is cell 4 in Row 5 |
This is cell 5 in Row 5 |
| This is cell 1 in Row 6 |
This is cell 2 in Row 6 |
This is cell 3 in Row 6 |
This is cell 4 in Row 6 |
This is cell 5 in Row 6 |
This is cell 6 in Row 6 |
| Unless you start another table, rows and cells in the same table will always be related. Each row has to equal other rows in length. |
|