<table>
<tr>
<td rowspan= "2"> lorem </td>
<td> Ipsum </td>
<td> lorem </td>
</tr>
<tr>
<td> lorem </td>
<td> ipsum </td>
</tr>
<!-- Here we have 2 rows and 3 columns, but we have created 3 in the first,
and 2 in the second. In this case because we used rowspan, the first cell
in the first row will take also a space in the second row so it'll be merged.-->
<table>
<thead>
<tr>
<th rowspan="2">No.</th>
<th rowspan="2">Creation Date</th>
<th rowspan="2">Week Day</th>
<th rowspan="2">Log Type</th>
<th colspan="2" style="text-align: center">Time</th>
<th rowspan="2">action</th>
</tr>
<tr>
<th>IN/START</th>
<th>OUT/STOP</th>
</tr>
</thead>
</table>
<table border="2">
<tr>
<th rowspan="3">Day</th>
<th colspan="3">Seminar</th>
</tr>
<tr>
<th colspan="2">Schedule</th>
<th rowspan="2">Topic</th>
</tr>
<tr><th>Begin</th><th>End</th></tr>
<tr>
<td rowspan="2">Monday</td>
<td rowspan="2">8:00 a.m.</td>
<td rowspan="2">5:00 p.m.</td>
<td>Introduction to XML</td>
</tr>
<tr><td>Validity:DTD and Relax NG</td></tr>
<tr>
<td rowspan="3">Tuesday</td>
<td>8:00 a.m.</td>
<td>11:00 a.m.</td>
<td rowspan="1.5">XPath</td>
</tr>
<tr>
<td>11 a.m.</td>
<td>2:00 p.m.</td>
</tr>
<tr>
<td>2:00 p.m.</td>
<td>5:00 p.m.</td>
<td rowspan="1.5">XSL Transformations</td>
</tr>
</table>
Run code snippet
rowspan is not something that we can do in css. It is a particular attribute for table. There are some other things also like cellspacing, cellpadding, Colspan which we cannot do in css.
Code Example |
---|
Html :: html italic text |
Html :: how to change text color using only html |
Html :: html multi checkbox list |
Html :: bootstrap dropdown with checkbox |
Html :: tailwind flex shrink |
Html :: how to make element bold in bootstrap 4 |
Html :: image with url html |
Html :: change icon title react |
Html :: nunjucks variables |
Html :: Expiry date pattern in HTML |
Html :: how to add function to button in html |
Html :: bootstrap class width auto |
Html :: select required |
Html :: collapse bootstrap 4 |
Html :: doc.fromHTML is not a function |
Html :: change the entire page font |
Html :: ion icon image |
Html :: html table basics |
Html :: html5 datalist |
Html :: smooth scroll button by element id |
Html :: a href tag |
Html :: html tags |
Html :: page auto refresh |
Html :: title tag in html |
Html :: px in server |
Html :: cross site scripting |
Html :: html select color |
Html :: cant pass multipule select input bootstrap |
Html :: difference between tag and element |
Html :: svg not rendering in chrome anymore |