What are nested tables? They are tables within tables. Some people think that using nested tables is easier in designing a website. For highly optimized website, nested tables are not recommended for a number of reasons.
What is the solution? Using CSS is actually the technique to design the layouts without complicated nested. CSS is universally supported and offers greater flexibility. With CSS layouts, the page will load faster and provide more accessibility for screens readers. When there is any changes in layouts, CSS will be faster than using tables.
For better understanding, see the following nested table structure. In the example, the table2 is located within a right cell of the table1. We call this as nested table.
<table class=”table1”> <tr> <td></td> <td> <table class=”table2”> <tr><td>nested table</td></tr> <tr><td>nested table</td></tr> </table> </td> </tr> </table>