gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Add rowspan and colspan with example (#29196)

Browse Source
This commit is contained in:
Setyo Adi Wibowo
2019-01-19 05:32:54 +07:00
committed by Christopher McCormack
parent 2ae27ae345
commit 63c30eb462
1 changed files with 52 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
guide/english/html/tables/index.md
View File

@ -91,6 +91,58 @@ Result:
</tr> </tr>
</tfoot> </tfoot>
</table> </table>
### Using Row Span and Col Span Attribute
With **Row Span** allows a single table cell to span the height of more than one cell or row.
Example:
```html
<table>
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr>
<td>Jill</td>
<td>Smith</td>
<td rowspan="2">50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
</tr>
</table>
```
With **Col Span** allows a single table cell to span the width of more than one cell or column.
Example:
```html
<table>
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>50</td>
</tr>
<tr>
<td colspan="3">Total: 2 Response</td>
</tr>
</table>
```
## Adding/Removing table border ## Adding/Removing table border
The table border width can be increased/decreased using the table border attribute. The table border width can be increased/decreased using the table border attribute.