visibility: collapse on Table Rows and Columns
A collapsed row/column takes no layout space at all - the content around it
closes the gap, exactly as if it had display: none. This is distinct from
visibility: hidden, which keeps reserving the element's space and only omits
painting it.
Row collapse (row 2 has visibility: collapse)
| Row | Status |
|---|
| Row 1 | Visible |
| Row 2 | Collapsed - not rendered, and its space is reclaimed |
| Row 3 | Follows immediately after Row 1 |
Compare with visibility: hidden (row 2's space stays reserved)
| Row | Status |
|---|
| Row 1 | Visible |
| Row 2 | Hidden - not painted, but still reserves its space |
| Row 3 | A visible gap remains where Row 2 was |
Column collapse (middle column has visibility: collapse)
| Column A | Column B | Column C |
|---|
| Visible | Collapsed | Follows Column A directly |