visibility:collapse is supposed to hide table rows while preserving their contribution to column widths. Right now blink treats visibility:collapse as visibility:hidden, which merely skips painting the rows, leaving blank space in their place instead of allowing their space to be used for other content.
Demo
Documentation
Specification
Status in Chromium
Enabled by default (tracking bug) in:
- Chrome for desktop release 62
- Chrome for Android release 62
- Android WebView release 62
Consensus & Standardization
After a feature ships in Chrome, the values listed here are not guaranteed to be up to date.
- Shipped/Shipping
- Shipped/Shipping
- No signal
- Positive
Owners
Search tags
table, visibility, collapse, hidden, display,Last updated on 2020-11-19
Comments
We plan on shipping visibility:collapse for rows separately from columns, as they can be used totally independently and the code changes are quite different. We're also implementing now to provide feedback that will inform the new css-tables-3 spec, which has just started to specify/clarify this CSS2.1 feature.