TablesLesson 160Free preview

Nested Table

This lesson is part of How To · All levels

Summary

This lesson discusses a cluster table, a table that is placed inside the cells of another table. Nested tables are useful for displaying additional structured data within a single cell, such as item details on the order table. However, its HTML structure must be complete and its use should be limited as it can make it difficult to access and display responsively.

Key points

The nested table must be written complete with the table elements, tr, and td itself inside the parent cell
Use nested tables only for tabular data, not to compile page layouts
Add a clear border or distance to make the parent-child relationship easy to read
Avoid too deep a nest because it makes it difficult for mobile devices and screen readers to read

Full lesson

Code examples and quizzes

Full lessons, code examples, and quizzes are available to subscribers. 5 questions.