Topic: I want a table where one of my row will have
only 2 columns while others have 5 columns? How to span the columns in html tables?
Explanation:
Col Span: While using table, it will be need of time that
some of our rows should have lesser columns then others. It can be easily
achieved by using colspan.
For example I have a table with two rows and three colums. Now I want the first row to be of one column and the second to be of three columns.
Demo:
For example I have a table with two rows and three colums. Now I want the first row to be of one column and the second to be of three columns.
Demo:
|
|
||||||||||||
Table
|
Spanned Table
|
Here we have spanned one of the column to three columns. That is instead of adding three columns we will add only one column and span it using the attribute colspan="x". In this case as the column should be spanned to three we will be adding an attribute "colspan=3".
Tag:
<table>
<tr>
<td colspan=3>
First Row</td>
</tr>
<tr>
<td>
Second Row
</td>
<td >.</td>
<td>2</td>
</tr>
</table>