A nested table is a separate table contained within a cell of another table. Nested tables allow us to avoid complex rowspan and colspan calculations and allow changes to the inner table without affecting the outer table. An example shows a navigation bar nested table within the first cell of a main table.

1. Nested Tables A nested table is a new seperate table fully contained inside of 1 cell of a the original table We use nested tables to help us avoid having to use complicated rowspan and colspan calculations, and it allows us to quickly change an inside table and not affect the main outside table

2. Button 1 Button 2 Button 3

3. Example of a Nested Table <table> <tr> <td> <!--Cell 1 --> <!-- Navigation Bar --> <table> <!-- Start of nested table --> <tr> <td> Button 1</td> </tr> <tr> <td> Button 1</td> </tr> <tr> <td> Button 1</td> </tr> </table> <!--End of nested table--> </td> <!-- End of cell 1 --> </tr> <tr> <td> <!-- Main table Cell 2 --> </td> </tr> </table> <!-- End of main table -->