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

Working draft or equivalent

Status in Chromium

Blink>Layout>Table


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

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.

Search tags

table, visibility, collapse, hidden, display,

Last updated on 2020-11-19