empty-cells

The empty-cells CSS property specifies how user agent should render borders and backgrounds around cells that have no visible content.

Values

show
Is a keyword indicating that borders and backgrounds should be drawn like in a normal cells.
hide
Is a keyword indicating that no border or backgrounds should be drawn.

<!DOCTYPE html>
<html>
    <head>
        <style>
            table {
                border-collapse: separate;
                empty-cells: hide;
            }
        </style>
    </head>
    <body>
        <table border="1">
            <tr>
                <td>
                    Peter
                </td>
                <td>
                    Griffin
                </td>
            </tr>
            <tr>
                <td>
                    Lois
                </td>
                <td>
                </td>
            </tr>
        </table>
        <p>
            <b>Note:</b>
            Internet Explorer 8 supports the empty-cells 
            property if a !DOCTYPE is specified.
        </p>
    </body>
</html>