Tools, FAQ, Tutorials:
Creating Nested HTML Tables
How To Create Nested Tables?
✍: FYIcenter.com
You can create nested tables by including a child table inside a cell of
the parent table. Below is a tutorial example of nested tables:
<?xml version="1.0" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Nested Tables</title>
<style type="text/css">tr.small {font-size: 9pt}</style>
</head>
<body>
<table border="1" width="400"
style="background-color: #eeeeee">
<caption>Online Order</caption>
<tr>
<th align="left">Description</th>
<th align="right">Qty</th>
<th align="right">Price</th>
<th align="left">Email account note</th>
</tr>
<tr>
<td>Email Account</td>
<td align="right">10</td>
<td align="right">$9.90</td>
<td align="left" rowspan="5">
<table border="1">
<tr class="small"><td>Mailbox</td><td>10GB</td></tr>
<tr class="small"><td>Webmail</td><td>Yes</td></tr>
<tr class="small"><td>POP3</td><td>Yes</td></tr>
<tr class="small"><td>IMAP</td><td>Yes</td></tr>
<tr class="small"><td>Anti-Spam</td><td>Yes</td></tr>
</table>
</td>
</tr>
<tr>
<td>FYIcenter.com Ad</td>
<td align="right">1</td>
<td align="right">$99.00</td>
</tr>
<tr>
<td>1-year Access</td>
<td align="right">1</td>
<td align="right">$199.00</td>
</tr>
<tr>
<td colspan="2" align="right">Shipping</td>
<td align="right">$3.99</td>
</tr>
<tr>
<td colspan="2" align="right">Tax</td>
<td align="right">$15.99</td>
</tr>
</table>
</body>
</html>
If you save the above document as nested_table.html, and view it with Internet Explorer, you will see that a child table is nested in a parent table as shown below:
2017-04-22, ∼2926🔥, 0💬
Popular Posts:
What validation keywords I can use in JSON Schema to specifically validate JSON Array values? The cu...
How to build a PHP script to dump Azure AD 2.0 Authentication Response? If you are use the Azure-AD-...
How to add images to my EPUB books Images can be added into book content using the XHTML "img" eleme...
How to install .NET Framework in Visual Studio Community 2017? I have the Visual Studio Installer in...
How to use the RSS Online Validator at w3.org? You can follow this tutorial to learn how to use the ...