How to Nested Tables in HTML
꧁ Digital Diary ༒ Wefru – India's Largest Writing Community ༒ Read, Write & Grow ༒꧂
꧁ Digital Diary ༒ Wefru – India's Largest Writing Community ༒ Read, Write & Grow ༒꧂
Scan QR code to visit our website
Nesting tables simply means making a Table inside another Table. Nesting tables can lead to complex tables layouts, which are both visually interesting and have the potential of introducing errors depends on its nesting nature.
Nested Table always need to be placed between < td > ... < /td > tags of the outer container Table. You can format nested tables as you would format any other HTML Table.
The following HTML code create a Table with one row and two column and inside the second column again create another table (nested table) with two rows.
HTML Source Code :
<html>
<head>
<title> </title>
</head>
<body>
<table border="20" bordercolor="red" style="width:100%; height:100px;" cellspacing="18px">
<tr>
<td style="width:35px; height:80px;" >
<table border="20" bordercolor="blue" style="width:100%; height:100px;" cellspacing="18px">
<tr>
<td>
<table border="20" bordercolor="purple" style="width:100%; height:100px;" cellspacing="18px">
<tr>
<td>
<table border="20" bordercolor="yellow" style="width:100%; height:100px;" cellspacing="18px">
<tr>
<td>
</td> </tr> </table>
</td> </tr> </table>
</td> </tr> </table>
<td style="width:35px; height:80px;" >
<table border="20" bordercolor="blue" style="width:100%; height:100px;" cellspacing="18px">
<tr>
<td>
<table border="20" bordercolor="purple" style="width:100%; height:100px;" cellspacing="18px">
<tr>
<td>
<table border="20" bordercolor="yellow" style="width:100%; height:100px;" cellspacing="18px">
<tr>
<td>
</td> </tr> </table>
</td> </tr> </table>
</td> </tr> </table>
<td style="width:35px; height:80px;" ><table border="20" bordercolor="blue" style="width:100%; height:100px;" cellspacing="18px">
<tr>
<td>
<table border="20" bordercolor="purple" style="width:100%; height:100px;" cellspacing="18px">
<tr>
<td>
<table border="20" bordercolor="yellow" style="width:100%; height:100px;" cellspacing="18px">
<tr>
<td>
</td> </tr> </table>
</td> </tr> </table>
</td> </tr> </table>
</td> </td> </td> </tr>
</table>
</body>
</html>
No FAQ Available.
Verified Brand
Hi I am Chaitanya Kalyani, I'm a professional artist this is the way to express the emotions and feelings. These are the form of the art peices to decor the wall . Custom design made to order. India has a rich artistic heritage, and it's painting refelcts a variety of techniques and styles. These painting techniques showcase the diversity of culture richness of India, art with their unique characteristics and Regional influence
Welcome to my channel :I hope you enjoy the content and don't forget to Like, Share, Comment and Subscribe to my channel @Chaitanya_artist
You can see...
Read More
We are accepting Guest Posting on our website for all categories.
I want to Hire a Professional..
Chaitanya
Verified Author Expert@DigitalDiaryWefru