Example
The empty-cells property determines if cells with no content should be displayed or not. This has no effect unless border-collapse is set to separate.
Below an example with two tables with different values set to the empty-cells property:
The table on the left has empty-cells: show while the one on the right has empty-cells: hide. The former does display the empty cells whereas the latter does not.
| Value | Description |
|---|---|
| show | This is the default value. It shows cells even if they are empty. |
| hide | This value hides a cell altogether if there are no contents in the cell. |
More Information:
- https://www.w3.org/TR/CSS21/tables.html#empty-cells
- https://developer.mozilla.org/en-US/docs/Web/CSS/empty-cells
- http://codepen.io/SitePoint/pen/yfhtq
- https://css-tricks.com/almanac/properties/e/empty-cells/
